Sidebar
Navigation mit Cookie-Zustand, einklappbaren Icon-Leisten und Sheet unterhalb von md. Der aktive Eintrag liegt als weiße Fläche mit Schatten über der ruhigen Leiste; im Navy-Kontext übernimmt eine helle, transparente Fläche dieselbe Rolle.
App-Sidebar
Kopf, Gruppen, Zählmarke, Untermenü und Fuß teilen denselben ruhigen Rahmen. Der aktive Eintrag ist eine weiße Fläche mit weichem Schatten; im eingeklappten Zustand bleiben nur Icons, und der Tooltip erscheint bei Hover und Fokus.
Nordwind
Arbeitsbereich
Konto
Übersicht
Umsatz
48.210 €
Offene Aufgaben
7
Der Icon-Button oben links klappt die Leiste ein; in einer App übernimmt zusätzlich mod+b das Umschalten. Auf schmalen Viewports öffnet derselbe Trigger ein Sheet von links.
Navy-Variante
Inverse legt die Leiste als Navy-Pille auf die Seite; aktive Einträge nutzen dort eine helle, transparente Fläche statt Weiß. Das passt zu Hero- und App-Flächen mit dunkler Navigation.
Nordwind
Arbeitsbereich
Konto
Übersicht
Hinweis
Die Sidebar steht hier auf einer ruhigen Demo-Fläche; im Navy-Kontext bleiben Fokusring und Touch-Fläche unverändert.
Der Icon-Button oben links klappt die Leiste ein; in einer App übernimmt zusätzlich mod+b das Umschalten. Auf schmalen Viewports öffnet derselbe Trigger ein Sheet von links.