Description List

语义化键值详情列表，支持三种布局、复制、徽标与链接。

#list #details #dl

在沙盒中编辑

复制一段给 AI 编程工具的提示词，包含源码、依赖和用法

属性

DescriptionListProps

同时支持以下类型的全部属性： Omit<React.ComponentProps<"dl">, "children">

属性	类型	默认值	说明
items* 必填	`DescriptionItem[]`	—	—
layout	`"vertical" \| "horizontal" \| "grid"`	`"vertical"`	—
emptyText	`string`	`"Not provided"`	Text shown for empty values

安装

$ npx shadcn@latest add https://chromotion.dev/r/description-list.json

同类组件

Line Chart

多系列平滑折线/面积图，支持悬浮十字准线、图例开关与描线动画。

Gauge

半圆仪表盘，带指针或弧形填充、阈值色带与 meter 语义。

Heatmap Calendar

GitHub 风格贡献日历，支持悬浮提示与键盘漫游。