Item

Строка списка на shadcn — универсальный «ряд» с медиа, контентом и действиями. Собирается из частей: Item (корень, variant / size / asChild), ItemGroup + ItemSeparator для списков, а внутри — ItemMedia, ItemContent (ItemTitle / ItemDescription), ItemActions, а также ItemHeader / ItemFooter на всю ширину. Все части — обычные элементы со своим data-slot, стиль правится через className (tailwind-merge).

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

variant: default (без рамки) / outline (рамка) / muted (приглушённый фон).

Загрузка демо…

size: default (gap-4 p-4) / sm (компактнее — gap-2.5 px-4 py-3).

Загрузка демо…