Textarea

Installation

pnpm dlx shadcn@latest add @spaceui/primitives-textarea

Usage

import { Textarea } from '@/components/ui/textarea'

<Textarea />

Features

Sizes

Textarea controls in sm, default, and lg sizes.

Disabled

Textarea rendered in a disabled state via the disabled prop.

Read Only

Textarea configured in read-only mode via the readOnly prop.

Field Integration

Unlike Base UI's built-in form controls, Base UI does not provide a native Textarea primitive. This component wraps the native <textarea> element in Field.Control internally, so it integrates with Field out of the box — no need to wrap it in a FieldControl manually.

<Field>
  <FieldLabel>Bio</FieldLabel>
  <Textarea placeholder="Tell us about yourself…" />
  <FieldDescription>Write a short bio.</FieldDescription>
  <FieldError>This field is required.</FieldError>
</Field>

API Reference

Textarea

Styled native textarea element with custom size options.

Examples