Card

Card — контейнер для группировки связанного контента и действий. Визуально отделяет блок информации от окружающего контента.

1. Key Principles of Use

When to use

Use — для отображения объектов с атрибутами и действиями: товары, профили, статьи, задачи.

2. Anatomy

СлотОбязательностьОписание
mediaoptionalИзображение или медиа-контент
headeroptionalЗаголовок и подзаголовок
bodyrequiredОсновной контент
footer / actionsoptionalКнопки и действия
badgeoptionalСтатусная метка

5. States

СостояниеОписание
defaultБазовый вид
hoverДля кликабельных карточек
selectedВыбранная карточка
disabledНедоступна
Нашли расхождение документации и библиотеки — напишите команде.Сообщить о расхождении