Field/field-text-areas-

PreviousNext

A field/field-text-areas- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/field/field-text-areas-2.tsx
import { Field, FieldDescription, FieldLabel } from "@/components/ui/field";
import { Textarea } from "@/components/ui/textarea";

export const title = "Textarea with Description";

const Example = () => (
  <div className="w-full max-w-md">
    <Field>
      <FieldLabel htmlFor="feedback">Feedback</FieldLabel>
      <Textarea
        className="bg-background"
        id="feedback"
        placeholder="Your feedback helps us improve..."
        rows={4}
      />
      <FieldDescription>
        Share your thoughts about our service.
      </FieldDescription>
    </Field>
  </div>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/field-field-text-areas-2

Usage

import { FieldFieldTextAreas2 } from "@/components/field-field-text-areas-2"
<FieldFieldTextAreas2 />