<TextField>
<Label>Description</Label>
<TextArea />
</TextField>npx shadcn@latest add @dotui/text-areaUse TextArea to allow users to enter multi-line text content.
import { TextField } from "@/components/ui/text-field";
import { TextArea } from "@/components/ui/input";
import { Label } from "@/components/ui/field";<TextField>
<Label>Description</Label>
<TextArea />
</TextField>Use the controls below to experiment with different text area props and see the live preview and code update.
<TextField>
<TextAreaInput placeholder="Enter description..." />
</TextField>A textarea allows a user to input multi-line text.
| Prop | Type | Default | |
|---|---|---|---|
"sm" | "md" | "lg" | 'md' | ||
union | — | ||
string | — | ||
string | — | ||
Last updated on 1/13/2026
Bringing singularity to the web.
Built with passion by @mehdibha.