textarea-with-text

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/textarea-with-text.tsx
import { Label } from "@/registry/new-york/ui/label"
import { Textarea } from "@/registry/new-york/ui/textarea"

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

Installation

npx shadcn@latest add @taki/textarea-with-text

Usage

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