p-field-4

PreviousNext

Field showing validation error

Docs
cossblock

Preview

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

export default function FieldWithErrorDemo() {
  return (
    <Field>
      <FieldLabel>Email</FieldLabel>
      <Input placeholder="Enter your email" type="email" />
      <FieldError>Please enter a valid email address.</FieldError>
    </Field>
  );
}

Installation

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

Usage

import { PField4 } from "@/components/p-field-4"
<PField4 />