Descriptions 设计文档

描述列表,用于键值对的成组呈现。镜像 Semi Design:table 语义结构,data 数据驱动与 <Descriptions.Item> 声明式两种用法;align(center/justify/left/plain)四种对齐;layout(vertical/horizontal)+ column 每行列数;row 双行显示(small/medium/large);keyStyle 自定义 key 样式;value 支持字符串或富内容 Snippet。

← API 文档

使用建议

描述列表,用于键值对的成组呈现。镜像 Semi Design:table 语义结构,data 数据驱动与 <Descriptions.Item> 声明式两种用法;align(center/justify/left/plain)四种对齐;layout(vertical/horizontal)+ column 每行列数;row 双行显示(small/medium/large);keyStyle 自定义 key 样式;value 支持字符串或富内容 Snippet。

Accessibility

ARIA role:description list

  • table 语义结构(th 为 key、td 为 value)
  • plain/横向布局下 key 与 value 同排,key 后内联冒号
  • hidden 项不渲染

设计变量

变量默认值用法
--cd-color-descriptions-key-text-default var(--cd-color-text-2)key 文字颜色
--cd-color-descriptions-value-text-default var(--cd-color-text-0)value 文字颜色