Champs de saisie

Focus ring text input

Un champ de texte d'une seule ligne avec un espace réservé en sourdine et un anneau d'accent plein qui apparaît uniquement lors de la mise au point.

Utiliser Focus ring text input

Un champ de texte d'une seule ligne avec un espace réservé en sourdine et un anneau d'accent plein qui apparaît uniquement lors de la mise au point.

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

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

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

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.

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.

2393Passcode slot inputChamps de saisieUn champ one-time-passcode d'emplacements fusionnés à bordure partagée sur une entrée masquée, avec un curseur clignotant dans l'emplacement vide actif.

2791Single value sliderChamps de saisieUn curseur horizontal avec un pouce déplaçable qui remplit la piste derrière lui afin que la valeur actuelle soit lisible d'un coup d'œil.

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.