Navigation

Trail breadcrumbs

Ein horizontaler Breadcrumb-Pfad mit Trennzeichen zwischen den einzelnen Schritten, stummgeschalteten Vorfahren-Links, einer fetten aktuellen Seite und einem Auslassungszeichen, das lange Pfade ausblendet.

Trail breadcrumbs verwenden

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: separator, maxVisible, accentColor

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2111Auto-Hide Nav BarNavigationEine klebrige obere Leiste, die nach oben aus dem Blickfeld gleitet, wenn der Besucher nach unten scrollt, und wieder hineingleitet, sobald er nach oben scrollt.

2309Bubble burst menuNavigationEine schwebende Logo-Pille und ein Umschalter, die sich zu einer bildschirmfüllenden Überlagerung übergroßer Pillen-Links erweitern, die jeweils mit einer federnden Staffelung an ihren Platz platzen.

2318Circle reveal sidebarNavigationEin Menüfeld, das sich als Kreis öffnet, der aus seinem eigenen Umschalter herauswächst, wobei Zeilen nacheinander auftauchen und die Umschaltleisten sich zu einem Kreuz falten.

2123Collapsing trail breadcrumbNavigationEin Pfad mit Chevron-Trennzeichen, dessen mittlere Stufen zu einer Schaltfläche mit Auslassungspunkten zusammenfallen, die ein Menü mit den versteckten Stufen öffnet.

2162Grouped magnify dockNavigationEin unteres Dock aus runden Symbolschaltflächen, die in zwei Cluster unterteilt sind, die größer werden, je näher der Zeiger an die einzelnen Cluster herankommt.

2366Hover slide nav labelsNavigationEine vertikale Navigationsliste, bei der durch Bewegen des Mauszeigers oder Fokussierens einer Beschriftung eine Duplikatkopie nach oben in die Ansicht geschoben wird, während das Original herausgeschoben wird, sodass die Beschriftung sich scheinbar selbst aktualisiert.