Überlagerungen

Account Menu Flyout

Eine Profilübersichtsschaltfläche, die ein Kontomenü mit beschrifteten Zeilen öffnet, mit einer kleinen gebogenen Indikatorlinie, die gerade wird, wenn das Menü geöffnet ist.

Workspace

Arrow keys move the highlight, Enter activates a row, Escape closes.

Account Menu Flyout verwenden

Eine Profilübersichtsschaltfläche, die ein Kontomenü mit beschrifteten Zeilen öffnet, mit einer kleinen gebogenen Indikatorlinie, die gerade wird, wenn das Menü geöffnet ist.

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: name, plan, 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?

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

Verbinde deinen Agenten

Ähnliche Komponenten

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

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.

1993Link preview cardÜberlagerungenEin kleines Vorschaufenster, das nach einem kurzen Hover neben einem Link oder Benutzernamen erscheint und eine Zusammenfassung dessen anzeigt, was sich dahinter verbirgt, ohne dass ein Klick erforderlich ist.

2182Linked Profile PreviewÜberlagerungenEine umfangreiche Vorschaukarte, die angezeigt wird, wenn ein Besucher mit der Maus über einen verknüpften Namen fährt oder diesen fokussiert. Sie zeigt einen Avatar, eine Biografie und Follower-Statistiken sowie optional einen Cursor-Folge-Float.

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.