Skip to main content

dotUI

Text Area

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

On this page
Props
<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>

Examples

Type your description
You have exceeded the comment limit for one hour.

mirrored text: Roses are red, violets are blue.

API Reference

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

PropType

Last updated on 6/16/2026