# ClPreviewexample Previewexample

> 预览示例组件，用于文档展示图片预览效果

- **标签名**: `<cl-previewexample>`
- **引入**: `import { ClPreviewexample } from '@cldemo/library'`

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| className | `String` | `` | 否 |  |
| classContainer | `String` | `` | 否 |  |
| classItem | `String` | `` | 否 |  |
| width | `Number, String` | `'auto'` | 否 |  |
| height | `Number` | `` | 是 |  |
| list | `ListInfo[]` | `() => []` | 否 |  |
| label | `String` | `` | 否 |  |
| previewIconSize | `String` | `'large'` | 否 |  |
| previewCallback | `Function` | `` | 否 |  |
| isShowLoading | `Boolean` | `false` | 否 |  |
| isLoading | `Boolean` | `false` | 否 |  |
| isShowDelete | `Boolean` | `false` | 否 |  |
| showNum | `Number` | `-1` | 否 |  |
| srcValueKey | `String` | `'value'` | 否 |  |
| isShowCopy | `Boolean` | `true` | 否 |  |
| isClickImagePreview | `Boolean` | `false` | 否 |  |

## Slots

| 名称 | 说明 |
|------|------|
| extend | extend 插槽 |

## 基础用法

```vue
<cl-previewexample></cl-previewexample>
```
