Navigation

Expanding label toolbar

Eine Reihe von Symbol-Werkzeugschaltflächen, bei denen das ausgewählte Symbol erweitert wird, um seine Beschriftung anzuzeigen, mit einer schwebenden Bestätigungsblase und einem separaten Sperrschalter.

Tools for a canvas editor

Expanding label toolbar 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: defaultSelected, accent, lockedByDefault

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?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

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.

1528Dock menuNavigationEin 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.

2361Grouped icon toolbarNavigationEine kompakte horizontale Symbolleiste, die Symbolschaltflächen in Gruppen gruppiert, die durch dünne Trennzeichen unterteilt sind, für schnelle Aktionen im Formatierungsstil.

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.

2106Adjacent hover menubarNavigationEine Menüleiste im Desktop-Stil, in der durch Klicken auf ein Menü dieses geöffnet wird. Sobald Sie den Mauszeiger über ein benachbartes Menü bewegen, wird dieses ohne zusätzlichen Klick direkt dorthin weitergeleitet.

2107App MenubarNavigationEine horizontale Menüleiste im Desktop-Stil, in der durch Klicken auf eine Beschriftung der obersten Ebene deren Dropdown-Liste geöffnet wird. Sobald eine geöffnet ist, wechselt der Mauszeiger über die anderen Beschriftungen direkt zu deren Menüs, ohne dass ein zusätzlicher Klick erforderlich ist.