Textarea with Label

PreviousNext

A textarea component with a label

Docs
shadcnui-blockscomponent

Preview

Loading preview…
components/customized/textarea/textarea-04.tsx
import { Label } from "@/registry/ui/label";
import { Textarea } from "@/registry/ui/textarea";

export default function TextareaWithLabelDemo() {
  return (
    <div className="w-full flex flex-col gap-2">
      <Label htmlFor="message">Message</Label>
      <Textarea id="message" placeholder="Type your message here." />
    </div>
  );
}

Installation

npx shadcn@latest add @shadcnui-blocks/textarea-04

Usage

import { Textarea04 } from "@/components/textarea-04"
<Textarea04 />