Components

OTP Block

Custom

One-time password verification component

Demo code: 123456

Basic

Enter verification code

We sent a 6-digit code to your email

Didn't receive the code?

With Terms & Privacy

Verify your account

Enter the code from your authenticator app

Didn't receive the code?

By continuing, you agree to our Terms and Privacy Policy.

Inside Dialog

Custom Configuration

4-digit code with separator

Enter PIN

4-digit security code

Forgot PIN?

With Zod Validation

Client-side validation before API call

Props

PropTypeDefaultDescription
valuestring""Bindable OTP value
maxLengthnumber6Number of digits
groupSizesnumber[][3, 3]Input grouping
showSeparatorbooleanfalseShow separator
titlestring-Header title
descriptionstring-Helper text
errorstring | nullnullError message
loadingbooleanfalseLoading state
disabledbooleanfalseDisable inputs
termsHtmlstringnullTerms HTML
inputClassstring-Custom input styles
onSubmit(code) => void-Submit handler
onResend() => void-Resend handler