Textarea

Multi-line text field with error state.

Previewlive — edit controls below

Content

value

rows

placeholder

Appearance

size

State

invalid

disabled

readOnly

Basic

import { Textarea } from "@loom/muslin-react";

<Textarea rows={4} placeholder="Notes…" />

Labeled notes field

rows controls the height; invalid marks the error border.

import { Label, Textarea } from "@loom/muslin-react";

<Label htmlFor="notes">Notes</Label>
<Textarea id="notes" rows={4} placeholder="Anything the approver should know…" />