diff --git a/docs/30-components/nav.mdx b/docs/30-components/nav.mdx index b3cfee2379..f86d6ca18d 100644 --- a/docs/30-components/nav.mdx +++ b/docs/30-components/nav.mdx @@ -19,7 +19,7 @@ Synonyme: Navigation, Menu, Sidebar, Dropdowns (menu) Eine **Navigationsleiste** ist eine Gruppe von verwandten Links oder Navigationselementen, die durch Anklicken eine Aktion ausführen oder Inhalte anzeigen. Sie navigiert Nutzer:innen direkt zu bestimmten Inhalten der aktuellen Seite oder zu externen Seiten. Außerdem dient sie Nutzer:innen (ähnlich wie Registerkarten) als Steuerelement, um Inhalte anzuzeigen, auszublenden und zwischen ihnen zu wechseln. -**KoliBri** stellt eine umfangreich konfigurierbare, vertikale oder horizontale **Navigationsleiste** zur Verfügung, die mehrere Ebenen darstellen und in der Breite variiert werden kann. +**KoliBri** stellt eine umfangreich konfigurierbare, vertikale **Navigationsleiste** zur Verfügung, die mehrere Ebenen darstellen und in der Breite variiert werden kann. Übergeordnete Menüpunkte die Untermenüpunkte enthalten, werden mit einem **Plus-Icon** am rechten Rand angezeigt. Wird der übergeordnete Menüpunkt mit dem Plus-Icon geöffnet, ändert sich das Plus-Icon automatisch zu einem **Minus-Icon**, mit dem der Menüpunkt wieder geschlossen werden kann. Aktive Menüpunkte werden mit einer farbigen Markierung dargestellt. @@ -92,13 +92,6 @@ Um Untermenüpunkte zu erzeugen, erweitern Sie die JSON-Struktur um das zusätzl Um die Navigationsleiste in der kompakten Darstellung auszugeben, setzen Sie das Attribut **`_hide-label`**. -### Umschaltung horizontale/vertikale Ausrichtung - -Die Ausrichtung der Navigationsleiste kann mit dem Attribut **`_orientation`** umgeschaltet werden. Mögliche Werte sind: - -- `horizontal` -- `vertical` - ### Best practices - Verwenden Sie **Navigationsleisten**, um **Navigation** oder navigationsähnliche Aktionen darzustellen (z. B. interne oder externe Links, Abmelden, Kontrolle der Sichtbarkeit auf der Seite). @@ -135,4 +128,3 @@ Die Ausrichtung der Navigationsleiste kann mit dem Attribut **`_orientation`** u ## Beispiele -