Textarea

Multiline text input field for larger content, such as comments or descriptions. Supports color themes, invalid and disabled states, and smooth focus rings.

Basic Usage

Default textarea with primary focus ring

Color Variants

Change the focus ring color to match the semantic theme.

Invalid State

Use the invalid prop to highlight errors or validation issues.

Disabled State

Displays a read-only textarea with muted colors and no interaction.

Non-Resizable

Disable resizing for strict layouts.