Eingabefelder

Filtered suggestion field

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

Destination

Type to filter, arrows to move, Enter to pick. Try “li”.

Filtered suggestion field 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, maxVisible

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

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.

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.

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.

2800Range span sliderEingabefelderEin Schieberegler mit zwei Daumen auf einer Spur, mit dem jemand einen niedrigen und einen hohen Wert zusammen als gefüllte Spanne auswählen kann.

2778Search Composer FieldEingabefelderEin Nachrichtenfeld, das mit Ihrer Eingabe wächst, mit einem Suchschalter, dessen Beschriftung sich öffnet, und einer Sendeaktion, die aktiviert wird, sobald Text vorhanden ist.

2297Addon Input GroupEingabefelderEin Textfeld, das von einer umrandeten Hülle umgeben ist, die ein führendes Symbol, eine nachgestellte Schaltfläche oder Text enthalten kann und einen gemeinsamen Fokusring für die gesamte Gruppe aufweist.