Centered Header

Markenname in der Mitte, Navigationslinks links und rechts aufgeteilt. Auf Mobilgeräten klappt die Navigation in ein Hamburger-Menü zusammen. Gleiche Props und actions-Slot wie der Classic-Header.

Layout-Logik

Die NavItems werden bei der Renderzeit halbiert. Die erste Hälfte erscheint links vom Markennamen, die zweite Hälfte rechts zusammen mit den Aktionen. Bei einer ungeraden Anzahl an Links kommt der überzählige Link auf die linke Seite.

Eigenschaften

position: sticky — gleich wie Classic
Split-Nav: erste Hälfte links, zweite Hälfte + Aktionen rechts
data-testid="header-centered" für E2E-Tests
Mobile: Hamburger öffnet alle Links vertikal