Textarea
NewformMulti-line text field with label, helper text, disabled state, and error styling.
import { Textarea } from '@/components/forge'Preview
Textarea
Resize the field if you need more room.
Code Example
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
label | React.ReactNode | - | No | Visible label above the textarea |
helperText | React.ReactNode | - | No | Helper copy below the textarea |
error | React.ReactNode | - | No | Error message and invalid styling |
disabled | boolean | false | No | Disables interaction |
Variants
defaulterrordisabled
Accessibility
- Uses a native textarea element
- Label is linked with htmlFor
- Error state sets aria-invalid