# Cell单元格

### 介绍

单元格为列表中的单个展示项。

### 引入

```js
import yCell from "yesaway-wui/src/components/yCell";
```

## 代码演示

### 基础用法

`Cell` 可以单独使用，也可以与 `CellGroup` 搭配使用，`CellGroup` 可以为 `Cell` 提供上下外边框

```html
<y-cell-group>
    <y-cell title="标题" value="文字"></y-cell>
</y-cell-group>
```

### 展示箭头

设置 `is-link` 属性后会在单元格右侧显示箭头。

```html
<y-cell title="标题" value="文字" is-link></y-cell>
```


## API

### Props

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| title | 左侧标题 | _number丨string_ | --- |
| value | 右侧内容 | _number丨string_ | --- |
| value | 右侧内容 | _number丨string_ | --- |
| is-row-single | 是否单行显示 | _boolean_ | --- |
| is-require | 是否必需 | _boolean_ | --- |
| is-link | 是否链接 | _boolean_ | --- |

### Events

| 事件名     | 说明                                     | 回调参数            |
| ---------- | ---------------------------------------- | ------------------- |
| click      | 点击按钮，且按钮状态不为加载或禁用时触发 | _event: MouseEvent_ |

### Slots

| 名称           | 说明           |
| -------------- | -------------- |
| default        | 按钮内容       |
| title        | 标题       |
| icon        | 图标       |
| rightIcon        | 右侧图标       |