components

Textarea

A labeled multi-line text input — the same label/description/error/success model Input uses, just backed by a native <textarea>.

tsx
<Textarea label="Bio" />
label

Examples

Same hint/error/success convention as Inputerror replaces description rather than appending to it:

tsx
Shown on your public profile.
Bio must be under 280 characters.
<Textarea label="Bio" description="Shown on your public profile." />
<Textarea label="Bio" error="Bio must be under 280 characters." />

Pass native rows to size the field for its expected content — a short note and a long-form message shouldn't share the same default height:

tsx
<Textarea label="Feedback" rows={6} />

Props

PropTypeDefaultDescription
classNametext
descriptiontext
errortext
labeltext
successtext