Überlagerungen

Sliding highlight menu

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

Homepage draft

Edited 2 minutes ago

Sliding highlight 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, align, offset, accent, showShortcuts

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

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.

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.

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.

1527Command paletteÜberlagerungenEin durch eine Schaltfläche oder Strg K geöffnetes Such-Overlay, das gruppierte Befehle filtert, eine Hervorhebung mit den Pfeiltasten verschiebt, den ausgewählten Befehl mit der Eingabetaste ausführt und das Ergebnis meldet.

2156Focus-Trapped Modal KitÜberlagerungenEin schlichtes modales Fundament, bei dem es vor allem um ein diszipliniertes Tastaturverhalten geht: Es fängt den Fokus beim Öffnen ein und stellt ihn beim Schließen präzise wieder her, verpackt in einer nach innen klappbaren Vorderseite.