Formulaires

Tall Code Keypad

Un formulaire de vérification sans frontières construit sur des cases de code inhabituellement hautes, avec des chiffres qui atterrissent avec un court rebond et un espace arrière maintenu qui efface tout.

Utiliser Tall Code Keypad

Un formulaire de vérification sans frontières construit sur des cases de code inhabituellement hautes, avec des chiffres qui atterrissent avec un court rebond et un espace arrière maintenu qui efface tout.

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: accentColor, length, cellHeight, holdToClear, heading

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

Paired Code Split View

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.

Branded Code Panel

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.

Verification Code Card

2080Verification Code CardFormulairesUne étape de vérification encadrée avec un champ de code étiqueté, un bouton Vérifier qui se déverrouille uniquement lorsque le code est complet et un lien de renvoi avec un compte à rebours.

Code cover card

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.

Focus Guard Form

1964Focus Guard FormFormulairesUn formulaire qui, en cas d'échec de la soumission, annule la soumission, déplace le focus du clavier directement sur le premier champ invalide et annonce le problème aux utilisateurs de lecteurs d'écran.