Error State

Invalid field with a rose ring, alert icon inside the input, and a descriptive error under it.

mira@acme
Enter a valid email address, including the domain.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Form2 } from "@/components/beste/piece/form2";

<Form2
  label="Work email"
  value="mira@acme"
  error="Enter a valid email address, including the domain."
/>