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 add a width utility to the textarea when it needs a fixed width.

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.