Description List

Список «ключ — значение»: столбиком, строками или сеткой с иконками. Бесплатно, MIT · Данные и показатели › Списки и деревья

Установка

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`.

List Block — Блок списка с картинками или иконками, описанием и значением
Tree View — Древовидные структуры
Accordion — Раскрывающиеся секции
Sortable — Сортировка перетаскиванием
JSON Viewer — Просмотр JSON
Timeline — Хронология событий
Data Table — Таблицы с поиском и сортировкой
Data Grid — Таблица на 100 000 строк: группировка, фильтры, редактирование
Virtual List — Виртуальный список на 100 000 строк
Bulk Action Bar — Панель действий над выбранными строками с горячими клавишами
Card — Универсальные карточки
Item Card — Карточка-строка: иконка, заголовок, описание и элемент управления справа