> For the complete documentation index, see [llms.txt](https://v1-6-0.pipui.ru/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://v1-6-0.pipui.ru/components/navbar.md).

# Панель навигации

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

{% embed url="<https://codepen.io/pipui/pen/eYKEbQv>" %}
Пример работы панели навигации
{% endembed %}

Цвет панели может быть изменен с помощью классов цвета фона из палитры

Вы можете использовать <mark style="color:orange;">`.container`</mark> внутри блока <mark style="color:orange;">`.navbar`</mark>, если планируется растягивать navbar под ширину адаптивного контейнера

Для изменения тёмной палитры текста, можно добавить класс <mark style="color:orange;">`.navbar-text-ligth`</mark> к блоку <mark style="color:orange;">`.navbar`</mark>