Card

Карточка на shadcn — контейнер с шапкой, контентом и подвалом. Собирается из частей: Card (корень), CardHeader + CardTitle / CardDescription / CardAction, CardContent и CardFooter. Все части — обычные div со своим data-slot, поэтому стиль легко правится через className (tailwind-merge).

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

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

Header (title + description), Content и Footer.

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

CardAction встаёт в правый край шапки (grid-слот) — кнопка/меню рядом с заголовком.

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