展示类 · Descriptions
描述列表
描述列表用于键值对的呈现。

代码演示

如何引入

基本用法

设置对齐方式

可以通过设置 align 值选择对齐方式,支持 center, justify, left, 和 plain。默认对齐方式为 center

双行显示

可以通过设置 row 可选择双行显示,支持三种不同的大小:small, medium, large。默认大小为 medium

JSX 写法

版本:>= 1.17.0

API 参考

Descriptions

属性说明类型默认值
align描述列表的对齐方式,可选 centerjustifyleftplainstringcenter
className类名string
data列表显示的内容DataItem[]
row是否双行显示booleanfalse
size设置双行显示时的列表的大小,可选 smallmediumlargestringmedium
style列表的样式CSSProperties

DataItem

属性说明类型默认值
key键值ReactNode-
value属性值ReactNode | (() => ReactNode)-
hidden该数据是否需要展示 v>=1.12.0boolean-

DescriptionItem

v>=1.17.0
属性说明类型默认值
itemKey键值ReactNode-
hidden该数据是否需要展示boolean-
className类名string-
style列表的样式CSSProperties-

设计变量

© 2021 Semi Design. All rights reserved.

京ICP备19058139号-13浙公网安备 33011002016131号

Designed & Developed with love by Douyin FE & MED