Header

Обычная шапка

Логотип

Закреплённая шапка

Закреплённая шапка

Входные параметры

ИмяТипПо умолчаниюОписание
stickybooleanfalseФиксирует панель вверху страницы при прокрутке.

Описание

Компонент Header — верхняя панель приложения. Он оборачивает переданный контент (логотип, навигацию, действия) в семантический элемент <header> и применяет стили шапки.

Используйте Header для построения шапки страницы. Установите prop sticky, чтобы панель закреплялась вверху окна при прокрутке содержимого. Для сборки полноценной оболочки применяйте его внутри слота header оболочки C3App или C3Layout.

Дополнительная информация

  • default — слот по умолчанию, содержит контент шапки.
  • При sticky на элемент добавляется модификатор класса c3-header--sticky.
  • Компонент не управляет собственной видимостью — наличие в разметке управляется оборачивающей оболочкой C3App/C3Layout.
×