Champs de saisie

OTP code boxes

Une rangée de cases à un seul caractère pour saisir un code de vérification, un chiffre par case avec le curseur qui avance automatiquement.

Enter the 4-digit code

We sent a sign-in code to your phone ending in 41.

Masked entry

Utiliser OTP code boxes

Une rangée de cases à un seul caractère pour saisir un code de vérification, un chiffre par case avec le curseur qui avance automatiquement.

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

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

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.

2108Appointment Range CardChamps de saisieUne carte qui associe une grille de date sur un mois avec un champ d'heure de début et d'heure de fin en dessous, pour choisir un jour plus une fenêtre horaire dans un bloc compact.

2109Appointment Scheduler CardChamps de saisieUn sélecteur de date unique encadré à l'intérieur d'une carte titrée avec un bouton de passage à aujourd'hui dans le coin, conçu pour prendre un rendez-vous.

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.

2805Autosize text fieldChamps de saisieUne saisie de texte multiligne qui grandit à mesure que la personne tape, jusqu'à une limite généreuse, avec une bague de mise au point d'accent et un état désactivé.

2757Avatar profile pickerChamps de saisieUne carte de configuration de profil : une étape d'avatar dont l'anneau lumineux se recolore selon la sélection, une bande de vignettes pour changer d'avatar et un champ de nom d'utilisateur validé.