Card
Визуальный контейнер, который объединяет различные элементы, такие как изображения, текст и кнопки, в единый блок
Использование
Настройка размера осуществляется явным образом или в зависимости от содержимого, в том числе, за счет указания соотношения сторон.
Настройка внутренних отступов между контентом карточки осуществляется с учетом конкретного контекста использования компонента.
Компонент Card является базовым контейнером. CardContent используется для вложенного контента внутри Card, со своими скруглениями и имеет overflow: hidden.
CardInnerContent используется для контента вписанного в размеры CardContent, имеет position: absolute, не влияет на размер всей карточки.
Пример с вложенным контентом
Пример выбранной карточки с backgroundType="solid"
Карточки с вертикальной ориентацией
- CardPromo
- CardProduct
- CardOffer
- CardAdvantage
- CardInform
Карточки с горизонтальной ориентацией
- CardPromo
- CardProduct
- CardOffer