Textarea

Use Textarea for longer content input, comments, and multi-line responses.

Example

API reference

TextareaProps

labelstring

Name: label

Description: Visible label text for textarea.

Type: string

Default:

maxLengthnumber

Name: maxLength

Description: Maximum number of characters allowed.

Type: number

Default:

showCountbooleanfalse

Name: showCount

Description: Displays live character count footer.

Type: boolean

Default: false

errorstring

Name: error

Description: Error message displayed with alert semantics.

Type: string

Default:

helperTextstring

Name: helperText

Description: Support text displayed when not in error state.

Type: string

Default:

Accessibility

  • WCAG 1.3.1: Textarea is labeled and connected to helper content.
  • WCAG 3.3.2: Instructions are provided before data entry.
  • WCAG 4.1.3: Character count updates are communicated reliably.

Playground

Open Textarea stories