---
title: Cell 单元格
desc: 单元格为列表中的单个展示项。
demo: /cell
nav:
path: /
group:
title: 基础组件
---
## 基础用法
Cell 可以单独使用，也可以与 Cell.Group 搭配使用，Cell.Group 可以为 Cell 提供上下外边框。
```jsx
|
|
```
## 卡片风格
通过 Cell.Group 的 inset 属性，可以将单元格转换为圆角卡片风格
```jsx
|
|
```
## 单元格大小
通过 size 属性可以控制单元格的大小。
```jsx
|
|
```
## 展示图标
通过 icon 属性在标题左侧展示图标。
```jsx
|
```
## 只设置 value
只设置 value 时，内容会靠左对齐。
```jsx
|
```
## 展示箭头
设置 isLink 属性后会在单元格右侧显示箭头，并且可以通过 arrowDirection 属性控制箭头方向。
```jsx
|
|
|
```
## 分组标题
通过 Cell.Group 的 title 属性可以指定分组标题。
```jsx
|
|
```
## 垂直居中
通过 center 属性可以让 Cell 的左右内容都垂直居中。
```jsx
|
```