# Cell 单元格

单元格

## 基础用法

单元格说明

::: snippet 示例

```html
<template>
  <div class="list">
    <zui-cell title="单元格" value="内容" label="描述"></zui-cell>
    <zui-cell title="有图标" value="内容" icon="trendingup"></zui-cell>
    <zui-cell title="可点击" value="内容" label="描述" is-link>
      <zui-icon slot="icon" name="attachmoney" size="2rem" color="red" />
    </zui-cell>
    <zui-cell>
      <div slot="title" class="aui-list-item-title aui-font-size-16">
        开启微信通知
        <div class="aui-list-item-text aui-font-size-12">
          关注微信公众号，可获取运单到账信息
        </div>
      </div>
      <div slot="right">
        icon
      </div>
    </zui-cell>
  </div>
</template>

<script>
export default {
  data() {
    return {
    }
  },
}
</script>

<style>
.list {
  width: 400px;
}
</style>
```

:::