TextArea enforces a minimum of 2 rows. For single-line input, use the Input component instead.
Copy icon appears automatically when there's content and allowCopy=true (default).
Text selection is disabled and no copy icon is shown.
Read-only mode prevents editing but still allows text selection and copying.
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | "" | The textarea value (bindable) |
| allowCopy | boolean | true | Controls text selection and copy icon visibility (bindable) |
| validate | (value: string) => boolean | string | undefined | Validation function |
| minRows | number | 3 | Minimum number of visible rows (enforced minimum: 2) |
| maxRows | number | 10 | Maximum number of visible rows |
| readonly | boolean | false | Makes textarea read-only (prevents editing but allows selection) |
| disabled | boolean | false | Disables the textarea |
| class | string | "" | Container CSS class |
| textareaClass | string | "" | Textarea element CSS class |
When maxRows is omitted, the TextArea grows to fit all content without height restrictions.
Try pasting a lot of text to see it expand!
The TextArea component shows warnings in development mode for:
value and lines are provided, value takes precedencevalue or lines are provided, TextArea will be emptyContent precedence: value > lines