Was macht die Komponente?

• Bietet die Möglichkeit eines direkten Zugriffs auf Inhalte und Funktionen von Anwendungen bzw. Anwendungsteilen.

Wann soll die Komponente eingesetzt werden?

• Zur Strukturierung und direkten Navigation auf Inhalte und Funktionen.

Regeln

Verhalten

• Bei grossen Screens (Desktop und grösser) wird beim Ausklappen der Sidebar der Contentbereich in der Breite verkleinert. Bei kleineren Screens (Tablet, Mobile) wird der Content überdeckt durch die ausgeklappte Sidebar.

Layout

• Die Höhe der Navigationsleiste entspricht der Höhe des kompletten Contentbereichs.

Varianten

Plain

Diese Variante hat folgende Zustände:

• Default

• Die Menüeinträge können in Kategorien / Bereiche gegliedert werden.
• Bei den Kategorien kann beim Einsatz der Sidebar zwischen Accordion und Fieldset gewählt werden.

Iconleiste

Diese Variante hat folgende Zustände:

• Collapsed
• Collapsed Hover
• Expanded
• Expanded Hover

• Der Defaultzustand (collapsed, expanded) kann pro Anwendung festgelegt werden.
• Bei Bedarf können die Navigationspunkte mittels Trennlinien visuell gruppiert werden.
• Per Default soll der erste (der oberste) Navigationspunkt aktiv sein.

Submenu

Diese Variante hat folgende Zustände:

• Collapsed
• Expanded

• Der Defaultzustand (collapsed, expanded) kann pro Anwendung festgelegt werden.
• Die Menüeinträge können in Kategorien / Bereiche gegliedert werden.
• Bei den Kategorien kann beim Einsatz der Sidebar zwischen Accordion und Fieldset gewählt werden.

Spezifikationen

DesignCode