Input OTP
One-time password input with per-character slots. Used for 2FA, email verification, and sign-in codes. Built on vue-input-otp.
Default
Six-digit OTP.
With separator
Split slots into groups for readability.
Controlled
Bind v-model and read the value back as it's typed.
Entered: nothing yet
Digits only
Restrict input to digits with the pattern prop (REGEXP_ONLY_DIGITS).
Alphanumeric
Allow letters and digits via REGEXP_ONLY_DIGITS_AND_CHARS.
Four digits
A shorter code by lowering maxlength to 4.
Disabled
Prevent interaction with the disabled prop.
Invalid
Flag an error state with aria-invalid on the slots.
1
2
3
That code is incorrect.
Form
Pair with a Label and submit Button inside a form.