OTP Input

Six-cell verification code field with an active cell that rings and a caret on the next empty slot.

Enter the 6-digit code

We sent it to m•••@beste.co just now.

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

Import & use

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."
/>