# ClCell Cell

> Cell 组件

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

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| className | `String` | `` | 否 | 自定义 CSS 类名 |
| title | `String` | `` | 否 | 左侧标题 |
| value | `String` | `` | 否 | 右侧内容 |
| label | `String` | `` | 否 | 标题下方的描述信息 |
| icon | `String` | `` | 否 | 左侧图标类名（<i> 元素） |
| size | `String` | `'default'` | 否 | 单元格大小，可选: default, large |
| url | `String` | `` | 否 | 点击后跳转的链接地址 |
| to | `String, Object` | `` | 否 | 路由跳转目标，同 vue-router 的 to |
| replace | `Boolean` | `` | 否 | 跳转时是否替换当前页面历史 |
| border | `Boolean` | `true` | 否 | 是否显示底部边框 |
| clickable | `Boolean` | `` | 否 | 是否开启点击反馈 |
| isLink | `Boolean` | `` | 否 | 是否展示右侧箭头 |
| center | `Boolean` | `` | 否 | 是否使内容垂直居中 |
| arrowDirection | `String` | `'right'` | 否 | 箭头方向，可选: left, right, up, down |

## Slots

| 名称 | 说明 |
|------|------|
| icon | 图标插槽 |
| title | 标题插槽 |
| label | label 插槽 |
| default | 默认插槽 |
| value | value 插槽 |
| extra | extra 插槽 |
| rightIcon | rightIcon 插槽 |

## Events

| 事件名 | 说明 |
|--------|------|
| click |  |

## 基础用法

```vue
<cl-cell></cl-cell>
```
