Core Landing Pages
OTP Code
One-time password verification with auto-focus, keyboard navigation, and resend cooldown timer. Features animated input fields with glow effects and focus states.
core-landing-pagesauthotpverificationcode2fasecurity
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
title | string | "Verify Identity" | Title text displayed at the top of the form. |
subtitle | string | "Enter the 4-digit code sent to your device." | Subtitle text displayed below the title. |
length | number | 4 | Number of OTP code digits. |
onComplete | (code: string) => void | undefined | Callback function called when OTP code is complete. |
onResend | () => void | undefined | Callback function called when resend button is clicked. |
resendCooldown | number | 30 | Cooldown time in seconds before resend is allowed. |
className | string | undefined | Additional CSS classes for custom styling. |
autoFocus | boolean | true | Whether to automatically focus the first input field. |