Input
Campo de texto de uma linha.
Playground
Tipo
<Label htmlFor="email">E-mail</Label> <Input id="email" placeholder="voce@exemplo.com" />
Quando usar
- ✓Nome, e-mail, URL, busca, número
Evite quando
- Texto longo ou com quebra de linha→ Textarea
- Escolher entre opções conhecidas→ Select ou RadioGroup
Variantes e props
typeUse o type certo (email, url, search) para o teclado do celular.
Estados
placeholderfocus-visibledisabledaria-invalid (erro)file
Acompanha data-density="compact" (tamanhos vêm de --spacing, --text-*, --radius).
Acessibilidade
- Papel
- textbox
- Teclado
- padrão do navegador
- Sempre com Label associado (htmlFor/id)
- Mensagem de erro ligada por aria-describedby