Card

Визуальный контейнер, который объединяет различные элементы, такие как изображения, текст и кнопки, в единый блок

Использование

Размер задается с помощью свойства size. Возможные значения: "l", "m", "s".

Устаревшие значения

Значения "s" и "m" устарели и будут удалены в будущих версиях.

Настройка размера осуществляется явным образом или в зависимости от содержимого, в том числе, за счет указания соотношения сторон.

Настройка внутренних отступов между контентом карточки осуществляется с учетом конкретного контекста использования компонента.

Компонент Card является базовым контейнером. CardContent используется для вложенного контента внутри Card, со своими скруглениями и имеет overflow: hidden. CardInnerContent используется для контента вписанного в размеры CardContent, имеет position: absolute, не влияет на размер всей карточки.

Пример с вложенным контентом

Live Editor

Result

Пример выбранной карточки с backgroundType="solid"

Live Editor

Result