Champs de saisie

Filtered suggestion field

Un champ de texte qui filtre une liste de suggestions au fur et à mesure que vous tapez et affiche les correspondances dans une liste déroulante ci-dessous, avec une navigation au clavier et un bouton clair.

Destination

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

Utiliser Filtered suggestion field

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: placeholder, accentColor, maxVisible

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

2761Combobox fieldChamps de saisieUn champ déroulant consultable : la saisie filtre une liste d'options en direct et en choisir une remplit le champ.

2421Searchable SelectChamps de saisieUn bouton qui ouvre une petite fenêtre contextuelle avec un champ de recherche et une liste d'options filtrables, afin que quelqu'un puisse taper pour affiner les choix au lieu de faire défiler une longue liste déroulante.

2762Command search paletteChamps de saisieUn champ de recherche qui dépose une liste filtrée de commandes sous lui-même au fur et à mesure que vous tapez, avec une mise en surbrillance des touches fléchées, une sélection au survol et un pied de page d'indication de clavier.

2800Range span sliderChamps de saisieUn curseur avec deux pouces sur une piste, permettant à quelqu'un de choisir ensemble une valeur faible et élevée sous la forme d'une plage remplie.

2778Search Composer FieldChamps de saisieUne boîte de message qui s'agrandit avec ce que vous tapez, avec une bascule de recherche dont l'étiquette s'ouvre et une action d'envoi qui se réveille dès qu'il y a du texte.

2297Addon Input GroupChamps de saisieUn champ de texte enveloppé dans une coque bordée qui peut porter une icône de début, un bouton ou un texte de fin, et partage un anneau de mise au point dans l'ensemble du groupe.