p-field-3

PreviousNext

Field in disabled state

Docs
cossblock

Preview

Loading preview…
registry/default/particles/p-field-3.tsx
import {
  Field,
  FieldDescription,
  FieldLabel,
} from "@/registry/default/ui/field";
import { Input } from "@/registry/default/ui/input";

export default function Particle() {
  return (
    <Field disabled>
      <FieldLabel>Email</FieldLabel>
      <Input disabled placeholder="Enter your email" type="email" />
      <FieldDescription>This field is currently disabled.</FieldDescription>
    </Field>
  );
}

Installation

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

Usage

import { PField3 } from "@/components/p-field-3"
<PField3 />