Flyout Header
Navigationslinks mit children[] zeigen ein Dropdown-Panel. Desktop: öffnet beim Hover/Fokus. Mobil: öffnet beim Klick. Vollständig tastaturzugänglich mit aria-expanded, aria-haspopupund Escape-Taste zum Schließen.
Navigationslinks mit children[] zeigen ein Dropdown-Panel. Desktop: öffnet beim Hover/Fokus. Mobil: öffnet beim Klick. Vollständig tastaturzugänglich mit aria-expanded, aria-haspopupund Escape-Taste zum Schließen.
Der folgende Header verwendet hartcodierte NavItems mit children[]. Hover über „Produkte" oder „Dienste", um die Flyout-Panels zu sehen.
children: normaler Linkchildren[]: Button + Dropdown-Panelaria-expanded="false/true" auf dem Trigger-Buttonaria-haspopup="true" auf dem Trigger-Buttonrole="menu" auf der Dropdown-Listedata-testid="header-flyout" für E2E-Tests