Überlagerungen

Keyboard Dropdown Menu

Eine 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.

Document

Report-q3.pdf

Arrow keys move the highlight, letters jump to a row, Escape closes.

Keyboard Dropdown Menu 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: accentColor, itemCount, closeOnSelect

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

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.

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.

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.

1911Anchored info popoverÜberlagerungenEine Auslöseschaltfläche, die ein kleines schwebendes Infofeld öffnet, das an einem seiner Ränder verankert ist, von diesem Rand aus ausgeblendet und vergrößert wird und bei einem Klick oder Escape von außen wieder ausgeblendet wird.

1912Anchored popover cardÜberlagerungenEine Auslösetaste, die eine kleine Einstellungskarte öffnet, die an sich selbst verankert ist, sich vom Rand aus verkleinert und bei einem zweiten Klick, Escape oder einem Druck von außen schließt.