Champs de saisie

Tag chips field

Un champ de texte qui transforme chaque entrée en une petite puce amovible, permettant de collecter une courte liste de mots-clés ou d'étiquettes.

Launch planbeta feedbackpricing page

designresearchmobile appa11y

Utiliser Tag chips field

Un champ de texte qui transforme chaque entrée en une petite puce amovible, permettant de collecter une courte liste de mots-clés ou d'étiquettes.

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

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

2792Auto Grow TextareaChamps de saisieUn champ de texte multiligne qui s'agrandit à mesure que la personne tape davantage, au lieu de défiler à l'intérieur d'une zone fixe.

2760Character budget counterChamps de saisieUn champ de composition avec une lecture des caractères restants qui frappe sur un ressort et se réchauffe en couleur à mesure que le budget s'épuise.

2321Clean Text FieldChamps de saisieUne saisie de texte encadrée sans fioritures pour un formulaire étiqueté : neutre au repos, un anneau d'accentuation net lors de la mise au point, coupé lorsqu'il est désactivé.

2793Curved input barChamps de saisieUn champ de texte de pilule courbé en un léger arc vers le haut, avec le texte tapé, le curseur et le bouton d'envoi suivant la même courbe.

2795Elastic tug sliderChamps de saisieUn curseur qui s'étire comme un élastique lorsqu'on le traîne au-delà de ses extrémités, reprenant la piste avec un rebond une fois relâché.

1529Floating label inputChamps de saisieUn champ de texte dont l'étiquette reste à l'intérieur de la boîte et s'élève jusqu'au bord supérieur lors du focus ou une fois que le champ a une valeur, avec des apparences ciblées, valides et invalides.