Text Area

Multi-line text input control with control radius (--radius-lg) and custom error state styling.

// Plain markup
import { TextArea } from "@shavin/ui";

Default usage

<TextArea className="w-72" placeholder="Write a note…" />

Invalid

<TextArea className="w-72" placeholder="Required field" invalid defaultValue="bad value" />

Disabled

<TextArea className="w-72" placeholder="Can't touch this" disabled />

Props

PropTypeDefault
invalid"true" | "focus" | "false""false"
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font