Textarea

Installation#

pnpm add @ag/ui

Usage#

import { Textarea } from "@ag/ui"

<Textarea />

Examples#

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.