Junte-se a outras 13 pessoas que estão fazendo esse mini projeto.
Projeto Formulário de OTP com React
Criar um formulário OTP com boa experiência de usuário tem seus desafios. Vamos a eles!
- Introdução
- Requisitos do Projeto
- Instalando Vite , React e Tailwind
- Construindo o HTML
- Estilizando a Página
- Extraindo o Formulário para um componente à parte
- maxLength e required nos inputs
- Salvando os dados do input no estado
- Validação: dígitos numéricos
- Foco no primeiro dígito ao carregar a página
- Mudar o foco para o próximo input após digitar
- Mudar o foco quando apagar um input
- Colando um código no input
- Navegando nos inputs com as setas do teclado
- Propriedades inputMode e autoComplete
- Finalização
Introdução e Setup
Lógica do Formulário