InputText
O Input do shadcn com rótulo, dica, mensagem de validação, ícones e contador. A dica e o contador entram no aria-describedby, e o erro marca aria-invalid.
Cadastro do signatário
O convite para assinar chega neste endereço.
Só números. A máscara entra sozinha.
Estados
Digite um e-mail completo, como [email protected].
Parece um telefone fixo. O código por SMS pode não chegar.
Código confirmado.
Gerado quando o envelope é enviado.
Tamanhos e contador
Aparece no e-mail do convite.
58/80Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| label | ReactNode | — | Rótulo ligado ao campo por htmlFor. |
| helperText | ReactNode | — | Dica ou mensagem de validação. Ganha ícone e cor conforme o status. |
| status | "default" | "error" | "warning" | "success" | "default" | Cor da borda, dos ícones e da mensagem. error marca aria-invalid. |
| size | "sm" | "md" | "lg" | "md" | Altura h-form-sm, h-form-md ou h-form-lg. |
| tone | "text" | "data" | "text" | data usa fonte mono para CPF, código e protocolo. |
| startIcon / endIcon | ReactNode | — | Ícones decorativos. type="email" mostra um envelope por padrão. |
| isLoading | boolean | false | Mostra um spinner no fim do campo e marca aria-busy. |
| showCount | boolean | false | Mostra o contador quando há maxLength. |
| containerClassName | string | — | Classe do contêiner externo. className vai para o input. |