Textarea

Multi-line text entry.

Default

<Textarea placeholder="Write in markdown…" />

With value

Disabled

In a field

<Field>
  <FieldLabel htmlFor="notes">Release notes</FieldLabel>
  <Textarea id="notes" placeholder="What changed?" />
  <FieldDescription>Plain text with mrkdwn support.</FieldDescription>
</Field>

Invalid

With button

Sizes

{/* Scale the control with type + min-height utilities */}
<Textarea className="text-xs" placeholder="Small" />
<Textarea placeholder="Default" />
<Textarea className="text-base min-h-24" placeholder="Large" />

The base textarea is a single size; scale it with type and min-h-* utilities via className for small / default / large.

Read only

buena mono ships with a fixed 618-unit cell.
This note is read-only.

readOnly keeps the value visible and selectable but blocks edits — unlike disabled, it stays focusable.

Rows

<Textarea rows={5} placeholder="Textarea with a fixed number of rows" />

rows={5} sets a fixed visible height instead of growing with content.

Markdown for agents: /design/textarea.md · spec: /design.md