Textarea

Installation

bunx --bun shadcn@latest add @sui/textarea

Install with the shadcn CLI or use the shared @workspace/ui package. Follow the installation guide to configure the registry, load styles, and choose import aliases.

Usage

import { Textarea } from "@workspace/ui/components/textarea"

<Textarea />

Field

Use Field, FieldLabel, and FieldDescription to create a textarea with a label and description.

Disabled

Use the disabled prop to disable the textarea. To style the disabled state, add the data-disabled attribute to the Field component.

Invalid

Use the aria-invalid prop to mark the textarea as invalid. To style the invalid state, add the data-invalid attribute to the Field component.

Button

Pair with Button to create a textarea with a submit button.

RTL

To enable RTL support in shadcn/ui, see the RTL configuration guide.