Card

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

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

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

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

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

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

Live Editor

Result

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

Live Editor

Result