componentes / formulário
Textarea
Campo de texto longo que cresce com o conteúdo, sem JavaScript.
451 B gzip client componentbase ui · field
the field grows on its own as you type.
textarea-default.tsx
import { Field, FieldDescription, FieldLabel } from "@/components/ui/field";
import { Textarea } from "@/components/ui/textarea";
export default function TextareaDefault() {
return (
<Field className="w-full max-w-sm">
<FieldLabel>message</FieldLabel>
<Textarea placeholder="tell us what you need…" />
<FieldDescription>the field grows on its own as you type.</FieldDescription>
</Field>
);
}Instalação
$ npx shadcn@latest add https://cd-ui.vercel.app/r/textarea.jsonprimeira vez? configure o components.json e o tema antes: veja instalação.
Uso
import { Textarea } from "@/components/ui/textarea"
<Textarea placeholder="message" />API
Textarea
Base UI · Field.Control<textarea> que cresce com o conteúdo via field-sizing: content (sem JS). Integra com Field.
| prop | tipo | padrão |
|---|---|---|
...propsTudo do | ComponentProps<"textarea"> | - |
classNameClasses extras, mescladas com | string | - |