forms contract

Textarea

Multi-line text entry. Use when expected input exceeds ~80 characters.

Variants

  • default
  • auto

Sizes

  • sm
  • md
  • lg

Example

<Textarea name="bio" rows={4} maxLength={280} aria-describedby="bio-count" />
<span id="bio-count">{value.length}/280</span>

Usage rule

Resize handle defaults to vertical only; horizontal resize is always disabled.

The full Textarea contract has 4 more rules, plus the do-not patterns. Get the full recipe.

Get the Textarea contract in your project.