Description List
Semantic key/value detail list in vertical, horizontal and grid layouts with copy buttons, badges, links and empty placeholders.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
DescriptionListProps
Also accepts all props of Omit<React.ComponentProps<"dl">, "children">
| Prop | Type | Default | Description |
|---|---|---|---|
| items* required | DescriptionItem[] | — | — |
| layout | "vertical" | "horizontal" | "grid" | "vertical" | — |
| emptyText | string | "Not provided" | Text shown for empty values |
Install
$ npx shadcn@latest add https://chromotion.dev/r/description-list.json