Перейти к содержимому
v2.5.0
English
Русский
Документация

Card

Card — контейнер-поверхность для сгруппированного содержимого: панелей настроек, блоков дашборда и встроенных сводок.

Пропсы корня

ПропТипПо умолчанию
sizeCardSize'md'
Задаёт размер карточки. Влияет на отступы, размер шрифта и, возможно, поведение раскладки.
appearanceCardAppearance'outline'
Определяет визуальный стиль поверхности карточки. Управляет видимостью фона и рамки.
refRef<HTMLElement>—
Ref, передаваемый на корневой элемент карточки (<article> или дочерний элемент при asChild). Полезен для измерений DOM, прокрутки или императивной логики.
asChildboolean—
Если true, рендерит триггер как дочерний элемент через Slot. Это позволяет собственным обёрткам (например, <a>, <div>) наследовать поведение.

Также принимает все HTML-атрибуты.

Дочерние части

Card не предоставляет публичных дочерних частей.

Типы

  • CardProps
  • CardSize
  • CardAppearance

Модель состояния

  • С точки зрения API компонента Card не имеет состояния.
  • Большую часть семантического смысла внутри поверхности определяют содержимое и раскладка потребителя.