Champs de saisie

OTP field

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

Confirm this sign in

Step 2 of 2

We sent a 6 digit code to the number ending in 41. Type it or paste the whole thing.

0 of 6 entered

Codes stay valid for 10 minutes

Utiliser OTP field

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

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

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.

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.

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

2762Command search paletteChamps de saisieUn champ de recherche qui dépose une liste filtrée de commandes sous lui-même au fur et à mesure que vous tapez, avec une mise en surbrillance des touches fléchées, une sélection au survol et un pied de page d'indication de clavier.