Textarea

Displays a form textarea, or a component that looks like a textarea.

Last updated January 1, 1980

Overview

Installation

$ pnpm dlx shadcn@latest add @persianlabsui/textarea

Usage

import { Textarea } from "@/components/ui/textarea"
 
export function Example() {
  return <Textarea placeholder="Type your message here." />
}

Examples

Field

Use Field, FieldLabel, and FieldDescription to create a textarea with a label and description.

Disabled

Use the disabled prop to disable the textarea. Add data-disabled to Field to style the disabled label too.

Invalid

Use aria-invalid to mark the textarea as invalid, and data-invalid on Field to style the invalid label.

Button

Pair with Button to create a textarea with a submit button.

RTL

API Reference