Textarea

Form textarea or textarea-styled component.

Installation


pnpm dlx shadcn@latest add @shark/textarea


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


<Textarea />

Control the value with value and onChange.

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

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

Use autoresize to make the textarea grow with content.

Wrap the textarea in a Field and add FieldLabel and FieldDescription.

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

script.js

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

Prop	Type	Default
`autoresize`	`boolean`	`true`
`className`	`string`	`-`

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

On This Page