OTP Input
A one-time password input with auto-focus and auto-advance between fields.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <OtpInput />
When to Use
- Verification code entry for email or SMS confirmation
- Two-factor authentication (2FA) flows
- PIN entry screens for secure access
- Any scenario requiring a fixed-length numeric or alphanumeric code
Two-factor authentication
Enter the 6-digit code from your authenticator app.
Length:
Dynamically change the number of OTP digits.
-
That code didn't match. Try again.
Try pasting a code like "123456" into any field
API Reference
OtpInput
Related Components
- Input — Standard text input for general free-form text
- PasswordInput — Password field with visibility toggle and strength meter
- Form — Combine OtpInput with form validation and labels