Description List

Key–value list: stacked, inline or a grid with icons. Free, MIT · Data and metrics › Lists and trees

Installation

npx valyro-cli@latest add description-list

npx shadcn@latest add https://valyro.xyz/r/description-list.json

npm install valyro-ui

import 'valyro-ui/styles.css';
import { DescriptionList } from 'valyro-ui';

Prop	Type	Default
`items` *	`DescriptionListItem[]`		The term–value pairs, in reading order.
`layout`	`'stacked' \| 'inline' \| 'grid'`	`'stacked'`	`stacked`: label above value; `inline`: label left, value right (billing rows); `grid`: stacked items in columns.
`columns`	`number`	`2`	Columns of the `grid` layout; below 360px of width they collapse to one. Default 2.
`dividers`	`boolean`	`false`	Hairlines between the items.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Text size of the values. Default `md`.