Textarea
v0.4.0A bare multi-line text input — the native `<textarea>` is this component's own root element. It has no built-in label/hint/error; wrap it in `FormField` for that chrome. Works standalone too — not every textarea needs the full form suite.
A bare multi-line text input — the native <textarea> is this component's own root element. It has no built-in label/hint/error; wrap it in FormField for that chrome. Works standalone too — not every textarea needs the full form suite.
Usage
Pass aria-invalid="true" to visually mark the field as invalid (pair with FormField's error prop for the message).
Props
Extends the native <textarea> element's attributes with:
| Prop | Type | Default | Description |
|---|---|---|---|
rows | number | 4 | Number of visible rows |
className | string | — | Additional class names |
Compositions
Open all 4 →Properties
Textarea props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | Additional class names to merge with the component root element |
Also accepts the native attributes of its root element (className, aria-*, event handlers, …).