Überlagerungen

Account Dropdown Menu

Ein Avatar-Auslöser, der ein gruppiertes Kontomenü mit Hinweisen zu Tastenkombinationen, einem Themen-Untermenü und einer destruktiven Abmeldezeile öffnet, die sich vom Rest abhebt.

Fieldnote

Workspace overview

Arrow keys move the highlight, Right opens Theme, Escape closes.

Account Dropdown Menu verwenden

Ein Avatar-Auslöser, der ein gruppiertes Kontomenü mit Hinweisen zu Tastenkombinationen, einem Themen-Untermenü und einer destruktiven Abmeldezeile öffnet, die sich vom Rest abhebt.

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: accentColor, showShortcuts, theme

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

2296Account Menu FlyoutÜberlagerungenEine Profilübersichtsschaltfläche, die ein Kontomenü mit beschrifteten Zeilen öffnet, mit einer kleinen gebogenen Indikatorlinie, die gerade wird, wenn das Menü geöffnet ist.

2121Checkable action menuÜberlagerungenEin Menü, das einfache Aktionen mit Kontrollkästchenzeilen und einem Single-Choice-Set kombiniert, wobei jedes Häkchen beim Einschalten eingeblendet wird und ein Punkt zwischen den Auswahlmöglichkeiten gleitet.

2176Keyboard Dropdown MenuÜberlagerungenEine Auslöseschaltfläche öffnet eine schwebende Aktionsliste, deren Hervorhebungshintergrund reibungslos zwischen dem Element gleitet, auf dem sich der Mauszeiger befindet oder auf dem die Tastatur fokussiert ist, mit vollständiger Pfeiltasten- und Tipp-Navigation.

2094Sliding highlight menuÜberlagerungenEin durch Tasten ausgelöstes Aktionsmenü, bei dem eine abgerundete Platte zwischen den Zeilen gleitet, wenn sich der Zeiger oder die Pfeiltasten bewegen, anstatt dass jede Zeile einzeln aufleuchtet.

1985Keyboard Context MenuÜberlagerungenEin Dropdown-Aktionsmenü mit gruppierten Elementen, Tastaturkürzeln und einem verschachtelten Untermenü, das vollständig über die Tastatur gesteuert werden kann und über eine verschiebbare Fokushervorhebung verfügt.

2279Layered Context MenuÜberlagerungenEin Rechtsklick-Menü mit gruppierten Aktionen, einem verschachtelten Untermenü, Kontrollkästchenelementen und einer Optionsgruppe, die sich alle an der Position des Zeigers öffnen.