Formulaires

Grouped Code Boxes

Un champ de code à usage unique composé de chiffres individuels encadrés divisés en deux groupes par un mince séparateur central, avec un curseur clignotant marquant la case en attente de saisie.

Two-step verification

We sent a code to your email.

0 of 6 entered

Utiliser Grouped Code Boxes

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, groupSize, accentColor, caption

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

1925Branded Code PanelFormulairesUn panneau de vérification centré sous un petit verrou de marque, où un code rejeté secoue la ligne une fois, l'efface et les mains se concentrent sur la première case.

1938Code cover cardFormulairesUne large carte de vérification avec la forme du code d'un côté et un panneau de couverture de l'autre qui remplit une barre de progression au fur et à mesure de la saisie des chiffres.

1957Field with status iconFormulairesUne entrée étiquetée dont le bord arrière affiche une petite icône de vérification ou d'avertissement qui disparaît au moment où la validité du champ change, sans modifier la présentation.

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

2010Paired Code Split ViewFormulairesUne étape de vérification en écran partagé dont les cases de code sont regroupées par paires avec des tirets entre elles, se soumettant au moment où la dernière case se remplit.

2030Scrub Number InputFormulairesUn champ numérique avec des boutons d'incrémentation et de décrémentation ainsi qu'une étiquette déplaçable qui fait monter ou descendre la valeur lorsque vous la faites glisser latéralement.