Textarea

InstallationCopy Anchor Link

pnpm dlx shadcn@latest add @columbus/textarea

UsageCopy Anchor Link

The textarea grows with its content. Give it a name with a Field, a Label, or aria-label.

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

<Textarea aria-label="Message" placeholder="Type your message here" />;

SizesCopy Anchor Link

In a fieldCopy Anchor Link

Textarea registers with Field on its own, so labels, descriptions, and validation work without wrapping it in FieldControl.

DisabledCopy Anchor Link

API referenceCopy Anchor Link

Base UI has no textarea, so this renders a native <textarea> through Base UI Field.Control. It accepts every native <textarea> attribute. className styles the outer wrapper.