OTP Input

4
7
1
9
About this piece

OTP Input

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

Usage

The import and the props worth knowing about, in one place.

import { Form11 } from "@/components/beste/piece/form11";

<Form11
  label="Enter the 6-digit code"
  digits={[
    "4",
    "7",
    "1",
    "9",
    "",
    ""
  ]}
  activeIndex={4}
/>

More Form pieces

View all Form
532 000 12 34
Oud Beste
We use this for invoices and tax documents.
Mira & Co.
Shown on invoices and in the team directory.
mira-studio
mira-studio.beste.co is available.
Mira
Beste
hello@beste
Enter a valid email address, including the domain.