Getting started
Foundations
Integrations
Form19
Display5
Layout4
Navigation4
Overlay8
Feedback4
Motion19
#Installation
npx @dinachi/cli@latest add textarea#Usage
tsx
import { Textarea } from '@/components/ui/textarea'Reach for it when the answer is a sentence rather than a value. Anything shorter than that is an Input, which sits on one line and does not invite the reader to write more than they need to.
#Examples
#Accessibility
#API Reference
Renders a native <textarea>. Every attribute it accepts is forwarded, including rows,
maxLength, readOnly and disabled.
| Prop | Type | Default | Description |
|---|---|---|---|
| rows | number | browser default | Visible height in lines. The field also carries a min-height of 80px, so a smaller value will not shrink it below that |
| placeholder | string | — | Placeholder text displayed when the textarea is empty |
| maxLength | number | — | Maximum number of characters accepted |
| readOnly | boolean | false | Whether the value can be selected and copied but not edited |
| disabled | boolean | false | Whether the textarea is disabled |