Card

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

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

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

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

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

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

Live Editor

Result

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

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

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

Карточки с вертикальной ориентацией​

Карточки с горизонтальной ориентацией​

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

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

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

Карточки с вертикальной ориентацией

Карточки с горизонтальной ориентацией