Label
Nome visível de um campo de formulário.
Playground
<Label htmlFor="nome">Nome do projeto</Label> <Input id="nome" />
Quando usar
- ✓Todo Input, Textarea, Switch, Checkbox
Evite quando
- Texto de ajuda ou erro→ texto em text-muted-foreground / text-destructive ligado por aria-describedby
Estados
disabled (acompanha o campo via peer/group)
Acompanha data-density="compact" (tamanhos vêm de --spacing, --text-*, --radius).
Acessibilidade
- Papel
- label
- Teclado
- clicar foca o campo
- Use htmlFor apontando para o id do campo