代码演示
如何引入
基本用法
设置对齐方式
可以通过设置
align
值选择对齐方式,支持 center
, justify
, left
, 和 plain
。默认对齐方式为 center
。双行显示
可以通过设置
row
可选择双行显示,支持三种不同的大小:small
, medium
, large
。默认大小为 medium
。JSX 写法
版本:>= 1.17.0
API 参考
Descriptions
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
align | 描述列表的对齐方式,可选 center 、 justify 、 left 、 plain | string | center |
className | 类名 | string | 无 |
data | 列表显示的内容 | DataItem[] | 无 |
row | 是否双行显示 | boolean | false |
size | 设置双行显示时的列表的大小,可选 small 、 medium 、 large | string | medium |
style | 列表的样式 | CSSProperties | 无 |
DataItem
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
key | 键值 | ReactNode | - |
value | 属性值 | ReactNode | (() => ReactNode) | - |
hidden | 该数据是否需要展示 v>=1.12.0 | boolean | - |
DescriptionItem
v>=1.17.0
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
itemKey | 键值 | ReactNode | - |
hidden | 该数据是否需要展示 | boolean | - |
className | 类名 | string | - |
style | 列表的样式 | CSSProperties | - |