OtpInput
FreeUn cuadro por carácter para códigos de verificación. Al escribir se pasa al siguiente cuadro, con Retroceso al anterior, y un código pegado llena todos los cuadros.
Ejemplo
Parámetros
| Parámetro | Tipo | Descripción |
|---|---|---|
Class | string | Clases CSS adicionales que se agregan al elemento raíz. |
Disabled | bool | Desactiva la interacción. |
Label | string | Texto visible de la etiqueta (gráficos: nombre accesible; IconButton: nombre accesible y sugerencia). |
Length | int | Número de cuadros. |
Mask | bool | Oculta los caracteres escritos. |
Numeric | bool | Acepta solo dígitos (true de forma predeterminada). |
Style | string | Estilo en línea agregado al elemento raíz. |
Value | string | Valor actual. Úselo con @bind-Value. |
Eventos
| Evento | Tipo | Descripción |
|---|---|---|
Completed | EventCallback<string> | Se genera con el código completo cuando todos los cuadros están rellenos. |
ValueChanged | EventCallback<string> | Se genera cuando cambia el valor. |
Paquete
OtpInput forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.
Enviar comentariosVersión 1.0.3