Invisible Docs
GalerieTokens

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

component.command-menu

Brotkrumen

Pfadnavigation (items-Array, letzter Eintrag = aktuelle Seite ohne Link)

component.breadcrumb

Inhaltsverzeichnis

„Auf dieser Seite"-Liste mit Anker-Links (items-Array) und Scrollspy: der sichtbare Abschnitt wird beim Scrollen markiert (ohne JS statische Liste)

component.toc

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

component.context-menu

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

component.menubar

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

component.navigation

Schritte (Progress Steps)

Wizard-Fortschritt (Untitled-UI-Muster): erledigte Schritte mit Häkchen, aktiver hervorgehoben, kommende gedämpft — Verbindungslinien aus Tokens

component.progress-steps

Seitenkopf (Page Header)

App-Seitenkopf (Untitled-UI-Muster): Titel + Beschreibung links, Aktions-Buttons rechts (Varianten wie Nav-Aktionen), optionale Trennlinie

component.page-header

Seitenleiste (Sidebar)

App-Seitenleiste (Untitled-UI-Muster): Marke, gruppierte Nav-Einträge mit Icons + Badges, Fußbereich mit Nutzer — einklappbar (Controller), aktiver Eintrag hervorgehoben

component.sidebar

Seitennavigation

Blättern durch Seiten (Fenster mit Auslassungen) — navigate mit Seitenzahl als Payload

component.pagination

Tab-Leiste (Pills)

Segmentierte Pill-Tab-Leiste (Atlassian-Collections-Muster): Leiste auf sunken-Fläche, aktiver Tab als Secondary-Pill — progressive Links, optional zentriert

component.tab-bar

Tabs

Reiter mit Panels (bis 4) — lokaler Zustand im Controller, semantisches Event change

component.tabs

Vor/Zurueck-Pager

Blaettern zwischen benachbarten Seiten (Docs-Kapitel): links Zurueck, rechts Weiter — beide optional

component.pager