anticaos
Visão geralFundamentosComponentesPara agentes

Textarea

Campo de texto de várias linhas.

Playground

<Label htmlFor="msg">Mensagem</Label>
<Textarea id="msg" placeholder="Conte o que aconteceu…" />

Quando usar

  • ✓Notas, descrições, mensagens

Evite quando

  • Uma linha só→ Input

Estados

placeholderfocus-visibledisabledaria-invalid

Acompanha data-density="compact" (tamanhos vêm de --spacing, --text-*, --radius).

Acessibilidade

Papel
textbox (multiline)
Teclado
Enter quebra linha — se Enter enviar, avise e ofereça Shift+Enter
  • Sempre com Label

Código

import
import { Textarea } from "@/components/ui/textarea";

Fonte: src/components/ui/textarea.tsx · Resense (shadcn base-nova, Base UI)

Relacionados: Input, Label