Text area
A text area lets users enter long form text which spans over multiple lines.
Install
One package and one stylesheet. The stylesheet carries the tokens every component reads.
pnpm add @wolf-rayet/reactimport '@wolf-rayet/react/css/wolf-rayet.css';
import { TextArea } from '@wolf-rayet/react';Props
A required prop is marked with an asterisk.
| Prop | Type | Default | Description |
|---|---|---|---|
| isInvalid | boolean | — | Marks the field as failing validation. Pair it with a message saying what is wrong. |
| isDisabled | boolean | — | Use only when the reader can see why. |
Anything else you pass is forwarded to the underlying textarea, so the standard attributes and event handlers work as they normally would.
Accessibility
What the component does for you, and what it needs from you.
- The label is tied to the control, as with any field.
- The visible size is a hint rather than a limit, so it should match the expected answer.
- If there is a character limit, announce the count as it changes rather than only drawing it.