Textarea
Multi-line text — a review body, a support message.
import Textarea from '@/components/ui/Textarea';Source: src/components/ui/Textarea.tsx
Examples
Rows and error
A review needs at least 50 characters.
Props
<Textarea> props
| Prop | Type | Default | Description |
|---|---|---|---|
error | string | — | Shown below the field in red and switches the border to red, mirroring Input's error state. |
Also accepts everything in TextareaHTMLAttributes<HTMLTextAreaElement> — so native attributes (id, onClick, aria-*, data-*) pass straight through.
Usage
Do
- Set `rows` to the length you expect, so the box does not look like a single-line field.
Don’t
- Don’t use it for one-line input; the resize handle invites the wrong thing.