field-textarea-demo

PreviousNext
Docs
kanpekiexample

Preview

Loading preview…
registry/examples/field/field-textarea-demo.tsx
import { Field } from "~/registry/ui/field";
import { TextField } from "~/registry/ui/text-field";
import { Textarea } from "~/registry/ui/textarea";

export function FieldTextareaDemo() {
  return (
    <Field.Root render={<TextField />}>
      <Field.Label>Bio</Field.Label>
      <Textarea placeholder="Tell us about yourself..." />
      <Field.Description>Max 500 characters.</Field.Description>
    </Field.Root>
  );
}

Installation

npx shadcn@latest add @kanpeki/field-textarea-demo

Usage

import { FieldTextareaDemo } from "@/components/field-textarea-demo"
<FieldTextareaDemo />