Textarea

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

Example

Interactive Preview

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