Text Area

Preview

componentPreview.loading

A multi-line text field built for free-form input (messages, notes, descriptions). For single-line input, use TextField.

variant: the same set as TextField — primary (default), secondary, flat, or embedded/tonal
minLines / maxLines: control the height (default 4 / 8)
maxLength: shows a character counter
label / showRequiredIndicator / description / errorText / isInvalid: the kit's standard field pattern
controller / focusNode / onChanged / onEditingComplete / validator / onSaved: standard form integration
enabled / readOnly / autofocus / textCapitalization / inputFormatters: field behavior

Uses the same visual style (border, shadow, focus/error colors) as TextField — think of it as the multi-line variant of the same family.

Last updated on 08/23/2026