Определение

Navbar (Шапка системы) — это горизонтальная панель, расположенная в верхней части сайта или интерфейса системы. Ее основная задача — предоставить пользователям удобный доступ к ключевым разделам или функциям

Функциональность

Предоставляет пользователям удобный доступ к основным разделам или функциям сайта, обеспечивая быструю навигацию. Она также может содержать элементы
для взаимодействия, такие как логотип, кнопки, иконки поиска или профиля.

Дизайн и Стиль

Размер и Форма

Navbar подстраивается под разные размеры экрана, сохраняя важные элементы видимыми. Это делает компонент гибким и удобным для использования на разных платформах.

Цвет и Контраст

Соблюдайте общие цветовые правила дизайн-системы. Палитра Plex отвечает стандартам контрастности WCAG.

Параметры

Как и другие компоненты, Navbar имеет свои параметры для отображения блоков или информации.

Параметр Leading action? позволяет скрывать или отображать, например “Бургер”, в котором могут быть скрыты пункты меню или разделы системы или сайта.

Параметр Section? дает возможность вставки разделов для навигации, которые пользователь будет видеть всегда. Удобно использовать, когда отключен параметр Leading action?

Параметр Trailing? позволяет добавлять, например, количество участников на странице, значки уведомлений или других полезных кнопок. Также можно добавить компонент смены темы или переход в профиль пользователя.

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

Анатомия

Для понимания анатомии входящих компонентов смотри примеры Кнопка (Button), Слот (Slot)