Champs de saisie

Character budget counter

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

Utiliser Character budget counter

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

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: maxLength, warnAt, accent, placeholder, punch

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

Floating label input

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.

Layout toggle switch

2771Layout toggle switchChamps de saisieUn commutateur dont le bouton traverse la piste en animant un changement de disposition réel plutôt qu'une translation, de sorte que le lancer reste exact quelle que soit la largeur de la piste.

Spring dot radio group

2050Spring dot radio groupChamps de saisieUn groupe radio dont le point sélectionné apparaît avec un léger dépassement tandis que le point précédent se rétrécit, se croisant au lieu de se casser.

Auto Grow Textarea

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.

Bounce drop toggle

2759Bounce drop toggleChamps de saisieUn grand interrupteur à bascule vertical dont la boule tombe vers le bas avec un mouvement rebondissant lorsqu'elle est éteinte et remonte avec un ressort serré lorsqu'elle est allumée.

Checkbox motion lab

1933Checkbox motion labChamps de saisieUne seule case à cocher surdimensionnée pour régler exactement la force avec laquelle elle appuie et la lenteur avec laquelle sa coche s'insère.