Textarea

---
import { Label } from "@/components/ui/label"
import { Textarea } from "@/components/ui/textarea"
---

<div class="grid w-full max-w-sm gap-2">
  <Label for="message">Message</Label>
  <Textarea id="message" placeholder="Type your message here..." />
  <Textarea placeholder="Disabled textarea" disabled />
</div>

Installation

npx shadcn@latest add @fulldev/textarea

Usage

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

<Textarea placeholder="Type your message here..." />

Notes

• Use Textarea for longer free-form input where multiple lines are expected.
• Set rows when you want a clearer default height.
• Pair it with Field when you need descriptions or validation messaging.

Example

<Textarea rows={6} placeholder="Write your message..." />

API Reference

See the GitHub source code for more information on props.