Invalid field with a rose ring, alert icon inside the input, and a descriptive error under it.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Form2 } from "@/components/beste/piece/form2";
<Form2
label="Work email"
value="mira@acme"
error="Enter a valid email address, including the domain."
/>Validated field with an emerald ring, check mark, and a confirming note beneath.
Standard text field with a label on top and a muted helper line under the control.
Labeled input flanked by a red asterisk and a Required pill, plus an explanatory hint below.
Bulk invite field that tokenizes addresses into chips and flags invalid ones with a rose tint.
Six-cell verification code field with an active cell that rings and a caret on the next empty slot.
Inline field with an autosave status pill that shifts between saved, saving, and unsaved dot colors.