Navigation — Components
13 Definitionen in dieser Kategorie — live aus der Registry, Karten führen zur Detailseite.
Befehlsmenü (Cmd+K)
Command-Menu / Docs-Suche: Strg/Cmd+K oder Öffner-Button, Suchfilter (inkl. unsichtbarer keywords), Pfeiltasten + Enter, Gruppen und Kürzel — Eintrag MIT href navigiert (Progressive-Fallback), ohne href emittet er command
Brotkrumen
Pfadnavigation (items-Array, letzter Eintrag = aktuelle Seite ohne Link)
Inhaltsverzeichnis
„Auf dieser Seite"-Liste mit Anker-Links (items-Array) und Scrollspy: der sichtbare Abschnitt wird beim Scrollen markiert (ohne JS statische Liste)
Kontextmenü
Rechtsklick-Menü für eine Zielfläche: Einträge mit Icons/Trennern/Gefahr-Ton, öffnet an der Mausposition, schließt bei Außenklick/Escape — Einträge emittieren aktion
Menüleiste (Menubar)
Klassische Desktop-Menüleiste (Datei, Bearbeiten, Ansicht …): Menüs mit Einträgen, Kürzeln, Trennern und Gefahr-Ton; Tastatur-fähig, öffnet bei Hover wenn ein Menü offen ist
Navigation
Hauptnavigation in zwei Menü-Formen: klassische Leiste ODER Burger-Flyout (Logo + Primary-CTA + Burger, Links im Vollflächen-Overlay rechtsbündig) — navigate als semantisches Event
Schritte (Progress Steps)
Wizard-Fortschritt (Untitled-UI-Muster): erledigte Schritte mit Häkchen, aktiver hervorgehoben, kommende gedämpft — Verbindungslinien aus Tokens
Seitenkopf (Page Header)
App-Seitenkopf (Untitled-UI-Muster): Titel + Beschreibung links, Aktions-Buttons rechts (Varianten wie Nav-Aktionen), optionale Trennlinie
Seitenleiste (Sidebar)
App-Seitenleiste (Untitled-UI-Muster): Marke, gruppierte Nav-Einträge mit Icons + Badges, Fußbereich mit Nutzer — einklappbar (Controller), aktiver Eintrag hervorgehoben
Seitennavigation
Blättern durch Seiten (Fenster mit Auslassungen) — navigate mit Seitenzahl als Payload
Tab-Leiste (Pills)
Segmentierte Pill-Tab-Leiste (Atlassian-Collections-Muster): Leiste auf sunken-Fläche, aktiver Tab als Secondary-Pill — progressive Links, optional zentriert
Tabs
Reiter mit Panels (bis 4) — lokaler Zustand im Controller, semantisches Event change
Vor/Zurueck-Pager
Blaettern zwischen benachbarten Seiten (Docs-Kapitel): links Zurueck, rechts Weiter — beide optional