Slot UI
3

Textarea

PreviousNext

A multi-line text field for capturing longer user input, supporting multiple sizes and form integration.

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

export default function TextareaDemo() {
  return <Textarea placeholder="Type your message" />;
}

Installation

Usage

import { Textarea } from "@/components/ui/textarea";
<Textarea placeholder="Type your message" />

Examples

Small

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

export default function TextareaSm() {
  return <Textarea size="sm" placeholder="Type your message" />;
}

Large

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

export default function TextareaLg() {
  return <Textarea size="lg" placeholder="Type your message" />;
}

Disabled

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

export default function TextareaDisabled() {
  return <Textarea disabled placeholder="Type your message" />;
}