Text Area

A text area allows users to enter multi-line text.

<TextField>
  <Label>Description</Label>
  <TextArea />
</TextField>

Installation

npx shadcn@latest add @dotui/text-area

Usage

Use TextArea to allow users to enter multi-line text content.

import { TextField } from '@/components/ui/text-field'
import { TextArea, InputGroup, InputGroupAddon } from '@/components/ui/input'
import { Label } from '@/components/ui/field'
<TextField>
  <Label>Description</Label>
  <TextArea />
</TextField>

Auto-resize

TextArea grows its height to fit its content as the user types. This is automatic — there's no prop to toggle it.

Examples

Basic

Comment Composer

Feedback Form

0/240
Share what we could improve.

Issue Description

0
Include steps to reproduce and what you expected.

API Reference

A textarea allows a user to input multi-line text.

PropType

Last updated on 7/7/2026