Textarea with Helper Text

PreviousNext

A textarea component with helper text

Docs
shadcnui-blockscomponent

Preview

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

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

Installation

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

Usage

import { Textarea06 } from "@/components/textarea-06"
<Textarea06 />