Textarea

Textareas collect longer freeform content while still matching the surrounding field system.

Basic Usage

Use a textarea when users need more room than a single-line input can comfortably provide.

Sizes

The textarea size scale matches the rest of the field system so longer-form inputs still align cleanly with nearby controls.

Widths

Textareas are full-width by default. Constrain the parent for field layouts, or set an explicit width when the textarea needs to be fixed.

Validation

Use validation state in the same way as other fields so error styling stays consistent across the form system.

Disabled

Disable the textarea when longer-form content should be visible but not editable.

Resize

Textareas remain vertically resizable by default so longer content can expand without changing the field type.

Character Count

Show a character count when text length matters but the field should remain flexible.