Типы контейнеров
Простой контейнер
Используется для группировки различных элементов в единый контент.
Кликабельный контейнер
Используется в качестве элемента, где вся область контейнера — это интерактивное состояние. Может содержать внутри интерактивные элементы для дополнительного взаимодействия.
Выбираемый контейнер
Используется как и простой контейнер, но с возможностью выбора, например при выборе одной или нескольких возможных опций с расширенным описанием.
Раскрывающийся контейнер
Используйте для компактного размещения информации. При раскрытии контейнер толкает контент вниз.
Кнопку раскрытия можно расположить слева или справа
Цвет
В CDS есть два типа контейнеров — primary (с белым фоном) и secondary (с серым фоном).
| Элемент | Свойство | Токен |
|---|---|---|
| Фон (primary) | background-color | --cds-color-background-container-primary |
| Фон (secondary) | background-color | --cds-color-background-container-secondary |