Navigation

Dock menu

Ein unteres Dock, dessen Symbole ihre Größe vom Zeigerabstand annehmen, mit einer Beschriftung über dem Symbol unter dem Cursor und einem Punkt unter dem aktiven.

Workspace

Inbox14 unread, 3 waiting on your reply

Dock menu verwenden

Ein unteres Dock, dessen Symbole ihre Größe vom Zeigerabstand annehmen, mit einer Beschriftung über dem Symbol unter dem Cursor und einem Punkt unter dem aktiven.

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: magnification, distance, iconSize

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

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.

2382Magnifying icon dockNavigationEin Dock im macOS-Stil mit kreisförmigen Symbolschaltflächen, die sich gleichmäßig vergrößern, wenn sich der Zeiger ihnen nähert, und eine Beschriftung über dem aktiven Symbol anzeigen.

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.

2349Expanding card navbarNavigationEine schlanke, abgerundete Navigationsleiste, deren Hamburger-Schalter sie nach unten in eine Reihe farbiger Linkkarten erweitert, wobei die Links jeder Karte gestaffelt ins Blickfeld geraten.

2149Expanding icon toolbarNavigationEine Reihe kreisförmiger Symbolschaltflächen, bei denen sich das ausgewählte Werkzeug zu einem gefüllten Feld mit seiner Beschriftung erweitert, sowie eine Glocke, die eine Benachrichtigungsliste öffnet, und ein zweistufiges Sperrfeld.