Textarea

Installation

npx baseui-cn add textarea

Usage

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

<Textarea placeholder="Write something..." />

Examples

Basic

A simple textarea.

Disabled

A disabled textarea.

With Field

Combine with Field for labeling and errors.

Auto-resize

Grows with content using field-sizing-content.

In a popover form

Use textarea inside a Base UI popover when you need lightweight inline feedback or support flows.

With input group

Pair textarea with actions, menus, and metadata for chat-style or composer-style interfaces.

API

Textarea