Textarea

Installation

bunnpmpnpmyarn
pnpm dlx shadcn@latest add https://shark.vini.one/r/textarea.json

Usage

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

<Textarea />

Controlled

Control the value with value and onChange.

State

Disabled

Disable the textarea with the disabled prop. Use Field with disabled to disable the whole field (label + textarea).

Invalid

Use the invalid prop on <Field /> or <Textarea /> to show invalid state.

Examples

Autoresize

Use autoresize to make the textarea grow with content.

With Field

Wrap the textarea in a <Field /> and add <FieldLabel /> and <FieldDescription />.

With Input Group

Use <FieldGroup /> to group multiple <Field /> blocks. Combine textarea with other inputs and action buttons.

Form Integration

API Reference

Textarea

Multi-line text input. Accepts all native textarea attributes.

For a complete list of props, see the Ark UI documentation.