OtpInput
FreeUma caixa por caractere para códigos de verificação. Digitar passa para a próxima caixa, Backspace para a anterior, e um código colado preenche todas as caixas.
Exemplo
Parâmetros
| Parâmetro | Tipo | Descrição |
|---|---|---|
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Disabled | bool | Desativa a interação. |
Label | string | Texto visível do rótulo (gráficos: nome acessível; IconButton: nome acessível e dica de ferramenta). |
Length | int | Número de caixas. |
Mask | bool | Oculta os caracteres digitados. |
Numeric | bool | Aceita apenas dígitos (true por padrão). |
Style | string | Estilo embutido adicionado ao elemento raiz. |
Value | string | Valor atual. Use com @bind-Value. |
Eventos
| Evento | Tipo | Descrição |
|---|---|---|
Completed | EventCallback<string> | Gerado com o código completo quando todas as caixas estão preenchidas. |
ValueChanged | EventCallback<string> | Gerado quando o valor muda. |
Pacote
OtpInput faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.
Enviar feedbackVersão 1.0.3