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

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

Invalid

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

Disabled

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

Props

PropTypeDefault
invalidboolean | null"false"
Configure Theme
Theme
Accent Color
Custom
Gray Family
Appearance
Radius
Scaling
Panel Style
Heading Font
Body Font