Описание Вариаций
| Вариация | Описание |
|---|---|
| Простой контейнер | Визуально группирует контент в смысловые блоки |
| Кликабельный контейнер | Позволяет взаимодействовать с контентом в блоках |
| Выбираемый контейнер | Дает возможность выбрать один или несколько контейнеров по принципу Radio button или Checkbox |
| Раскрывающийся контейнер | Позволяет компактно разместить большое количество контента |
Используется
Простой контейнер
Используется для группировки различных элементов в единый контент.
Кликабельный контейнер
Используется в качестве элемента, где вся область контейнера — это интерактивное состояние. Может содержать внутри интерактивные элементы для дополнительного взаимодействия.
Выбираемый контейнер
Используется как и простой контейнер, но с возможностью выбора, например при выборе одной или нескольких возможных опций с расширенным описанием.
Раскрывающийся контейнер
Используйте для компактного размещения информации. При раскрытии контейнер толкает контент вниз.
Не используется
- В качестве фона всей страницы.
Примеры использования
Вложенность контейнеров
Управление цветом фона контейнера через модификатор secondary
Лот в простом контейнере
Строение компонента
- Фон контенейра
- Иконка
Цвета
Размеры
Поведение
Выбираемый контейнер
Кликабельный контейнер
