Eingabefelder

Searchable Select

Eine Schaltfläche, die ein kleines Popover mit einem Suchfeld und einer filterbaren Liste von Optionen öffnet, sodass jemand tippen kann, um die Auswahl einzugrenzen, anstatt durch ein langes Dropdown-Menü zu scrollen.

New project

Pick the framework this repo will build with.

Framework

Build command

—

Dev port

—

Nothing chosen yet. Search or scroll to pick one.

Searchable Select 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: accent, placeholder, searchPlaceholder, optionCount

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

2761Combobox fieldEingabefelderEin durchsuchbares Dropdown-Feld: Durch Eingabe wird eine Liste mit Optionen live gefiltert, und wenn Sie eine auswählen, wird das Feld ausgefüllt.

2768Filtered suggestion fieldEingabefelderEin Textfeld, das während der Eingabe eine Liste mit Vorschlägen filtert und die Übereinstimmungen unten in einem Dropdown-Menü mit Tastaturnavigation und einer Schaltfläche zum Löschen anzeigt.

2762Command search paletteEingabefelderEin Suchfeld, das während der Eingabe eine gefilterte Liste von Befehlen unter sich ablegt, mit Pfeiltasten-Hervorhebung, Hover-Auswahl und einer Fußzeile mit Tastaturhinweisen.

2801Compact select menuEingabefelderEine Auslöseschaltfläche, die eine schwebende Auswahlliste öffnet, wobei die aktuelle Auswahl auf der Schaltfläche und ein Häkchen daneben in der Liste angezeigt werden.

2796Grouped select menuEingabefelderEine Dropdown-Auswahl, deren Optionen unter Abschnittsüberschriften gruppiert sind, mit Pfeilstreifen am Rand, die lange Listen automatisch scrollen.

2783Styled native dropdownEingabefelderEine native Auswahl mit benutzerdefiniertem Rahmen, Fokusring und Chevron neu gestaltet, während das Betriebssystem weiterhin das Optionsmenü und das Tastaturverhalten bereitstellt.