Navigation

Grouped settings dropdown

Ein durch eine Schaltfläche ausgelöstes Dropdown-Menü mit beschrifteten Abschnitten, einem verschachtelten Untermenü und einer Optionsgruppe zum Auswählen eines von mehreren Einstellungswerten.

Workspace settings

Theme: system

Grouped settings dropdown verwenden

Ein durch eine Schaltfläche ausgelöstes Dropdown-Menü mit beschrifteten Abschnitten, einem verschachtelten Untermenü und einer Optionsgruppe zum Auswählen eines von mehreren Einstellungswerten.

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: triggerLabel, align, accent

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

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.

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.

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.

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.

1963Flyout Menu HighlightNavigationEin Dropdown-Menü, dessen Elemente sich unter einem Hervorhebungsfeld befinden, das von einer schwebenden oder fokussierten Zeile zur nächsten gleitet, mit einem verschachtelten Untermenü, das zur Seite hinausfliegt.