Textarea
shadcn/uiDisplays 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>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 |