textarea-with-text-demo

PreviousNext
Docs
kanpekiexample

Preview

Loading preview…
registry/examples/textarea/textarea-with-text-demo.tsx
import { Label } from "~/registry/ui/label";
import { Textarea } from "~/registry/ui/textarea";

export function TextareaWithTextDemo() {
  return (
    <div className="grid w-full gap-3">
      <Label htmlFor="message">Your message</Label>
      <Textarea id="message" placeholder="Type your message here." />
      <p className="text-muted-foreground text-sm">
        Your message will be copied to the support team.
      </p>
    </div>
  );
}

Installation

npx shadcn@latest add @kanpeki/textarea-with-text-demo

Usage

import { TextareaWithTextDemo } from "@/components/textarea-with-text-demo"
<TextareaWithTextDemo />