Вариации
| Вариация | Описание |
|---|---|
| primary drawer | Основное боковое меню. |
| inverse drawer | Дополнительное боковое меню для продуктов B2B-center. |
Используется
- Для навигации по разделам сайта
Не используется
- В качестве локального меню для одной страницы
Модификации
Расположение справа
Может использоваться одновременно с левым меню для размещения якорных ссылок.
Только иконки
Модификатор отображает пункты меню без описания, при наведении показывается тултип.
Бордер
Подключает нижнюю обводку пунктов меню.
Подсветка активного пункта
Подсвечивает раздел сайта, на котором сейчас находится пользователь.
Раскрытая группа
По умолчанию показывает выбранную группу в раскрытом виде.
Фиксированная шапка и футер
Модификатор фиксирует слоты шапки и футера.
Правильно и неправильно
Использовать единый стиль пунктов меню. С иконками, либо без.
Использовать разные варианты пункта с меню.
Примеры использования
Инвертированный drawer для продуктов B2B-center.
Строение компонента
- Контейнер
- Шапка
- Футер
- Пункт меню
Контейнер
Основной слот, в котором размещаются все элементы.
Шапка
Пустой слот, в котором можно разместить любую информацию. Может быть зафиксирован.
Футер
Пустой слот, в котором можно разместить любую информацию. Может быть зафиксирован.
Пункт меню
Предустановленное значение или ссылка
Нативный скролл
Появляется, если пункты меню не помещаются в заданную высоту выпадающего меню
Цвета
Размеры
Типографика
Поведение
