Command Palette

Search for a command to run...

Textarea

shadcn/ui

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

Textarea

import { Textarea } from "@/components/optics/textarea";import { Label } from "@/components/optics/label";<div className="w-full flex flex-col items-center justify-center gap-4">  <div className="w-full flex flex-col gap-2 max-w-sm">    <Label htmlFor="message">      Your message    </Label>    <Textarea      id="message"      placeholder="Type your message here."      variant="raised"    />  </div>  <div className="w-full flex flex-col gap-2 max-w-sm">    <Label htmlFor="disabled">      Disabled    </Label>    <Textarea      disabled      id="disabled"      placeholder="Disabled textarea"      variant="raised"    />  </div></div>

Installation

pnpm dlx shadcn@latest add @optics/textarea

Props

<Textarea />
Name
Type
variant
any