Textarea/textarea-labeled-

PreviousNext

A textarea/textarea-labeled- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/textarea/textarea-labeled-1.tsx
import { Label } from "@/components/ui/label";
import { Textarea } from "@/components/ui/textarea";

export const title = "Textarea with Label";

const Example = () => (
  <div className="flex w-full max-w-md flex-col gap-2">
    <Label htmlFor="comment">Comment</Label>
    <Textarea
      className="bg-background"
      id="comment"
      placeholder="Add your comment..."
    />
  </div>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/textarea-textarea-labeled-1

Usage

import { TextareaTextareaLabeled1 } from "@/components/textarea-textarea-labeled-1"
<TextareaTextareaLabeled1 />