Champs de saisie

Passcode slot input

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

Enter the 6-character code sent to your device

Utiliser Passcode slot input

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

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: length, value, accentColor, grouped

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 portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

1535OTP fieldChamps de saisieUn champ one-time-code de cases séparées sur une entrée masquée, où une vignette d'accent glisse vers la case en cours d'édition et la ligne clignote une fois le code terminé.

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.

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

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.

2356Focus ring text inputChamps de saisieUn 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.

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.