MFAInput
stableSix/eight-digit OTP code entry with auto-advance, paste support, countdown timer, and resend action
import { MFAInput } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
length | 6 | 8 | 6 | Number of digits |
onComplete | (code: string) => void | — | Called when all digits entered |
countdown | number | — | Seconds before code expires |
onResend | () => void | — | Called on resend click |
error | string | — | Error message |
lengthType
6 | 8Default 6Number of digits
onCompleteType
(code: string) => voidDefault —Called when all digits entered
countdownType
numberDefault —Seconds before code expires
onResendType
() => voidDefault —Called on resend click
errorType
stringDefault —Error message
MobileTouch Target
Individual OTP digit inputs must be ≥44px square on mobile. Use numeric keyboard via inputMode='numeric'. Auto-advance on digit entry improves mobile UX.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?