#Textarea

Multi-line free text, for answers that run to sentences — reach for Input when one line will do, since a tall box tells the reader to write more than you want. Like Input, it reads Field context for its label, description and error state.

Source · Storybook

#Usage

import { Textarea } from '@wallarm-org/design-system/Textarea';

#Examples

#Sizes

The same 36 / 32 / 24px scale as Input, applied to the single-row height, so a textarea lines up with the fields around it before it grows.

#Focused

Focus is a ring outside the border, as on every other field, so the box doesn't shift when the reader tabs into it.

#Disabled

Dimmed and not focusable. Say elsewhere what would enable it.

#With value

A filled box. Text starts at the top rather than centring, which is why the height you choose reads as an invitation.

#With error

error reddens the border and sets aria-invalid; the message is FieldError's job.

#Auto resize

Passing maxRows turns auto-resize on: the box starts at minRows and grows with the text until it hits the cap, then scrolls. Without maxRows the height is fixed.

#With footer

Inside an InputGroup with a block-end addon, which is how the composer pattern is built — auto-resize plus a toolbar that stays attached as the box grows.

#Props