patterns
forms
Composição de formulários longos: agrupamento por seção, validação, ações no rodapé. Single column como padrão.
estrutura
1 coluna · labels acima · seções com título quando >5 campos · ações no rodapé alinhadas à esquerda.
validação
- Validar no blur do campo (não a cada keystroke)
- Mostrar erro abaixo do campo
- Manter helper text — não substituir por erro
- Resumo de erros no topo só pra forms longos
- Foco no primeiro campo com erro ao submeter
ações
Primary à esquerda (ação principal), ghost à direita (cancelar). Em flows multi-step, usar "voltar" (ghost) à esquerda e "próximo" (primary) à direita.