Überlagerungen

Keyboard Context Menu

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

Design system audit

Edited 2h ago · Product

Keyboard Context 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: side, showShortcuts, accentColor

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.

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.

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.

2283Right click context menuÜberlagerungenEin Menü, das genau dort erscheint, wo ein Rechtsklick oder langes Drücken landet, mit Aktionen, einem Kontrollkästchen, einer Optionsgruppe und einem Hover-Untermenü.

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.

1910Anchored detail popoverÜberlagerungenEine Auslöserschaltfläche, die ein kleines verankertes Bedienfeld mit einem betitelten Einstellungsformular öffnet, aus der Auslöserkante herauswächst und sich bei Escape oder einem Klick von außen schließt.