Textarea
Preview
index.tsxPreview
index.tsxPreview
index.tsxPreview
index.tsxPreview
index.tsxStates
Preview
index.tsxPreview
index.tsxPreview
index.tsxPreview
index.tsxPreview
index.tsxAlternative
Preview
index.tsxPreview
index.tsxPreview
index.tsxPreview
index.tsxPreview
index.tsxDesign Tokens for Textarea
Note: Textarea uses the same design tokens as the Input component. See Input documentation for available tokens.
Textarea API Reference
<Textarea />
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | Controlled value | |
| defaultValue | string | Uncontrolled initial value | |
| onChange | function (event) | Callback when value changes | |
| placeholder | string | Placeholder text | |
| rows | number | 2 | Number of visible text lines |
| maxLength | number | Maximum number of characters | |
| isClearable | boolean | false | Show clear button |
| clearBtnText | string | "Clear" | Text for clear button |
| isError | boolean | Error state | |
| errorMessage | string | Error message to display | |
| disabled | boolean | false | Disables the textarea |
| readOnly | boolean | false | Makes textarea read-only |
| theme | string | "default" | Visual theme |
| wrapperProps | object | Props for wrapper element | |
| ...textarea | native textarea props | Inherits all native textarea props |
Note: Textarea inherits all props from Input and the native textarea element. See Input documentation for full details on available props and tokens.