RayCraftDocs
v1.0.3
fr
raycraft.dev
Sur cette page

OtpInput

Free

Une boîte par caractère pour les codes de vérification. La saisie passe à la boîte suivante, Retour arrière à la précédente, et un code collé remplit toutes les boîtes.

Exemple

Contrôle OtpInput

Paramètres

ParamètreTypeDescription
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
DisabledboolDésactive l'interaction.
LabelstringTexte d'étiquette visible (graphiques : nom accessible ; IconButton : nom accessible et info-bulle).
LengthintNombre de boîtes.
MaskboolMasque les caractères saisis.
NumericboolN'accepte que des chiffres (true par défaut).
StylestringStyle en ligne ajouté à l'élément racine.
ValuestringValeur actuelle. À utiliser avec @bind-Value.

Événements

ÉvénementTypeDescription
CompletedEventCallback<string>Déclenché avec le code complet quand chaque boîte est remplie.
ValueChangedEventCallback<string>Déclenché quand la valeur change.

Paquet

OtpInput fait partie de RayCraft Free. Paquet : RayCraft.Blazor. Il provient de nuget.org. Voir Premiers pas.