Шапка приложения: панель с брендом, навигацией и действиями. Компонент отвечает за поведение и доступность, контент — слот default: внутреннему nav задавайте aria-label, icon-only кнопкам — имена. <header> — landmark banner; скрытый hideOnScroll-хедер уходит из таба и a11y-дерева (inert, WCAG 2.4.7).

Технические детали: скролл-слушатели (passive) ставятся только при sticky; класс --scrolled (рамка/тень после 8px) — самостоятельная фича, работает и без hideOnScroll. Состояние — общий useHeaderState() (useState, SSR-safe): visible/scrolled читает любой компонент без prop drilling. На странице держите один sticky-хедер с hideOnScroll — несколько экземпляров спорят за общее состояние.