Textarea
Multi-line text input. Vertically resizable by default. Matches Input in API and visual style.
Examples
With label and hint
Shown on your public profile. Max 200 characters.
Error state
Message cannot be empty.
Character count
0
Keep it concise.
0 / 200
Disabled
Props
label
string
Label rendered above the textarea.
hint
string
Helper text below. Turns error colour when error is true.
error
boolean
Error border and hint colour.
showCount= false
boolean
Displays a character count below the textarea. Shows "n / max" when maxLength is set.
disabled
boolean
Disables input and dims the field.
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | — | Label rendered above the textarea. |
| hint | string | — | Helper text below. Turns error colour when error is true. |
| error | boolean | — | Error border and hint colour. |
| showCount | boolean | false | Displays a character count below the textarea. Shows "n / max" when maxLength is set. |
| disabled | boolean | — | Disables input and dims the field. |