Browse components

Textarea

Multi-line field with label, semantic variants, and validation message slot.

atoms 4 variants
Variants / states: defaultsuccesswarningerror

Live example

Default usage you can copy and adapt.

Basic textarea

Label and placeholder

Props

The props you are most likely to need, with types and defaults.

Props / API
NameTypeRequiredDefaultDescription
valuestringNo""Value (bind:value)
labelstringNo""Field label
variantstringNodefaultdefault | success | warning | error
rowsnumberNo4Visible rows