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
label—stringLabel text displayed above the textarea
placeholder—stringPlaceholder text shown when empty
error—stringError message to display below the textarea
rows3numberNumber of visible text rows
disabledfalsebooleanWhether the textarea is disabled
| 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 |