p-field-10

PreviousNext

Field with textarea

Docs
cossblock

Preview

Loading preview…
registry/default/particles/p-field-10.tsx
"use client";

import {
  Field,
  FieldDescription,
  FieldLabel,
} from "@/registry/default/ui/field";
import { Textarea } from "@/registry/default/ui/textarea";

export default function Particle() {
  return (
    <Field>
      <FieldLabel>Bio</FieldLabel>
      <Textarea placeholder="Tell us about yourself…" />
      <FieldDescription>
        Write a short bio. Maximum 500 characters.
      </FieldDescription>
    </Field>
  );
}

Installation

npx shadcn@latest add @coss/p-field-10

Usage

import { PField10 } from "@/components/p-field-10"
<PField10 />