Page

Default

Renders a standalone textarea with default styling.

default
auto-size

Variant

The textarea component supports plain (default), violet, green, and ghost variants. Ghost variants provide a borderless appearance with higher contrast backgrounds.

plain
plain auto-size
plain disabled
violet
violet auto-size
violet disabled
green
green auto-size
green disabled
ghost plain
ghost plain auto-size
ghost plain disabled
ghost violet
ghost violet auto-size
ghost violet disabled
ghost green
ghost green auto-size
ghost green disabled

Size

Demonstrates md and sm textarea sizes.

md default
md auto-size
sm default
sm auto-size

Label

Associates the textarea with a label for accessibility.

Description

Adds helper description text above or below the textarea.

above

Use the name you'd like people to see in their cart.

below

Use the name you'd like people to see in their cart.

Disabled

Demonstrates a disabled textarea field.

This field is disabled

Invalid

Displays the invalid state with an error message.

This field is required