Formulaires

Branded Code Panel

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

Utiliser Branded Code Panel

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

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, brandName, shakeOnError, title

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

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.

Tall Code Keypad

2064Tall Code KeypadFormulairesUn 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.

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.

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.

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.