Navigation

Filterable action list

Ein Suchfeld gepaart mit einer live gefilterten Liste von Aktionen, die unter Labels gruppiert sind, wobei die erste Übereinstimmung hervorgehoben wird und ein leerer Status angezeigt wird, wenn nichts zur Suchanfrage passt.

Filterable action list 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: placeholder, accentColor, itemCount

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

2212Quick launch paletteNavigationEine über die Tastatur ausgelöste Befehlspalette, die mit einem Federdruck geöffnet wird, während der Eingabe eine gruppierte Aktionsliste filtert und die vollständige Pfeiltastennavigation unterstützt.

2173Inline command listNavigationEin Suchfeld über gruppierten, filterbaren Aktionszeilen, das sich während der Eingabe verengt und eine Hervorhebung mit den Pfeiltasten verschiebt. Es soll inline und nicht in einem Dialog angezeigt werden.

1537Pill tabsNavigationEin Tab-Strip, in dem ein einzelnes Tablet auf den ausgewählten Tab gleitet und sich dort ausdehnt, mit Pfeil, Navigationstasten „Pos1“ und „Ende“ und einem Bedienfeld zum Überblenden.

2063Syntax Tab SwitcherNavigationEine Reihe beschrifteter Registerkarten über einem durch Syntax hervorgehobenen Codebereich mit einer verschiebbaren Hervorhebung unter der aktiven Registerkarte und einer Schaltfläche zum Kopieren mit einem Klick.

2106Adjacent hover menubarNavigationEine Menüleiste im Desktop-Stil, in der durch Klicken auf ein Menü dieses geöffnet wird. Sobald Sie den Mauszeiger über ein benachbartes Menü bewegen, wird dieses ohne zusätzlichen Klick direkt dorthin weitergeleitet.

2107App MenubarNavigationEine horizontale Menüleiste im Desktop-Stil, in der durch Klicken auf eine Beschriftung der obersten Ebene deren Dropdown-Liste geöffnet wird. Sobald eine geöffnet ist, wechselt der Mauszeiger über die anderen Beschriftungen direkt zu deren Menüs, ohne dass ein zusätzlicher Klick erforderlich ist.