LifeDS

Component

Textarea

Displays a multi-line text input field.

Textareatextarea element — rows, placeholder, disabled
aria-invalidvalidation error state
field-sizing-contentgrows with content, min-h-16
Playground

Basic

With label and description

You can @mention other users and organizations.

Disabled

Invalid — with error message

With button

FieldContent — label + description grouped

Visible only to your team.

RTL support

Tokens used

5 semantic tokens consumed by this component.

--inputInput
bg-inputborder-input
--ringRing
ring-ringring
--destructiveDestructive
bg-destructivetext-destructiveborder-destructivering-destructive
--muted-foregroundMuted Foreground
text-muted-foreground
--backgroundBackground
bg-background