InputOTP
Código de verificação enviado por e-mail ou SMS antes de assinar. Cada slot tem altura h-form-lg e os dígitos usam a fonte mono com números tabulares.
Código de verificação
Seis dígitos em dois grupos. Aceita colar o código inteiro. Para testar, use 482913.
Digite o código enviado para m***@exemplo.com.brO código expira em 10 minutos.
Desabilitado
Enquanto o reenvio está em espera.
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| maxLength | number | — | Quantidade de caracteres. Use 6 para o código de verificação. |
| pattern | string | — | Expressão aceita. REGEXP_ONLY_DIGITS limita a números. |
| value / onChange | string / (value: string) => void | — | Valor controlado. |
| onComplete | (value: string) => void | — | Chamado quando todos os slots estão preenchidos. |
| containerClassName | string | — | Classes do contêiner dos grupos. |
| InputOTPSlot.index | number | — | Posição do slot, a partir de 0. |
<InputOTP maxLength={6} pattern={REGEXP_ONLY_DIGITS}>
<InputOTPGroup>
<InputOTPSlot index={0} />
<InputOTPSlot index={1} />
<InputOTPSlot index={2} />
</InputOTPGroup>
<InputOTPSeparator />
<InputOTPGroup>
<InputOTPSlot index={3} />
<InputOTPSlot index={4} />
<InputOTPSlot index={5} />
</InputOTPGroup>
</InputOTP>