

<DemoTitle title="Descriptions" desc="展示多个只读字段的组合">
#### API

<AntdApiRef url="https://ant.design/components/descriptions-cn/#api"></AntdApiRef>


## antd API

通用属性参考：[通用属性](/docs/react/common-props)

### Descriptions

| 参数 | 说明 | 类型 | 默认值 | 版本 | 
|--------|--------|--------|--------|--------|
| bordered | 是否展示边框 | boolean | false |  | 
| colon | 配置  | boolean | true |  | 
| column | 一行的  | number \|  | 3 |  | 
| extra | 描述列表的操作区域，显示在右上方 | ReactNode | - | 4.5.0 | 
| items | 描述列表项内容 |  | - | 5.8.0 | 
| layout | 描述布局 | horizontal | horizontal |  | 
| size | 设置列表的大小。可以设置为  | default | - |  | 
| title | 描述列表的标题，显示在最顶部 | ReactNode | - |  | 
| classNames | 语义化结构 class |  | - | 5.23.0 | 
| styles | 语义化结构 style |  | - | 5.23.0 | 


### DescriptionItem

| 参数 | 说明 | 类型 | 默认值 | 版本 | 
|--------|--------|--------|--------|--------|
| label | 内容的描述 | ReactNode | - |  | 
| span | 包含列的数量（ | number\|  | 1 | screens: 5.9.0 | 


span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度。当同时配置 `style` 和 `labelStyle`（或 `contentStyle`）时，两者会同时作用。样式冲突时，后者会覆盖前者。