Six-cell verification code field with an active cell that rings and a caret on the next empty slot.
New here? Read the installation guide.
import { Form11 } from "@/components/beste/piece/form11";
<Form11
label="Enter the 6-digit code"
digits={[
"4",
"7",
"1",
"9",
"",
""
]}
activeIndex={4}
hint="We sent it to m•••@beste.co just now."
/>Phone field with a flag and dial-code chooser on the left, then the national number in mono.
Labeled input flanked by a red asterisk and a Required pill, plus an explanatory hint below.
Standard text field with a label on top and a muted helper line under the control.
Validated field with an emerald ring, check mark, and a confirming note beneath.