Textarea
FormsA multi-line text input for longer form content like messages, descriptions, or comments.
Import
import { Textarea } from "@/components/ui/textarea";Usage
Basic Textarea
Standard multi-line text input
Custom Rows
Textarea with more visible rows
With Error
Textarea showing error state
This field is required
Disabled
Textarea in disabled state
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Label text displayed above the textarea |
placeholder | string | — | Placeholder text shown when empty |
error | string | — | Error message to display below the textarea |
rows | number | 3 | Number of visible text rows |
disabled | boolean | false | Whether the textarea is disabled |