Eingabefelder

Combobox field

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

Framework

Type to filter, or open the list and press Enter to choose.

Combobox field verwenden

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

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, accent, openOnLoad

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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2421Searchable SelectEingabefelderEine 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.

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.

2305Birthdate popover pickerEingabefelderEine beschriftete Schaltfläche, die einen schwebenden Kalender mit Dropdown-Listen für Monat und Jahr öffnet, um schnell zu einem Geburtsjahr zu gelangen, und sich selbst schließt, sobald ein Tag ausgewählt wird.

2118Caption Style Date PickerEingabefelderEine einzelne Datumsauswahl gepaart mit einem Auswahlmenü, dessen Kopfzeile zwischen einem kombinierten Dropdown-Menü für Monat und Jahr, einem Dropdown-Menü nur für einen Monat oder einem Dropdown-Menü nur für ein Jahr wechselt.

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.