OTP Verify Form

Block

One-time password verification form

Basic Usage

Verify Your Email

We sent a verification code to your email address.

pnpm add @corew500/ui

import { OTPVerifyForm } from "@corew500/ui/blocks/otp-verify-form"

<OTPVerifyForm>Content</OTPVerifyForm>

Prop	Type	Default	Description
`onFormSubmit`	(data: OTPVerifyFormData) => void	—	Called when the form is submitted
`onResend`	() => void	—	Called when resend is clicked
`loading`	enum	`false`	Whether the form is in a loading state
`success`	enum	`false`	When true, shows success state instead of form
`glow`	enum	`false`	Enable glow effects
`length`	number	`6`	OTP code length
`email`	string	—	Email address for display
`title`	string	`Enter verification code`	—
`description`	string	—	—
`successTitle`	string	`Verified!`	—
`successDescription`	string	`Your code has been verified successfully.`	—
`successAction`	enum	—	—
`buttonLabels`	{ submit?: string; loading?: string; resend?: string; resendCooldown?: string; }	`{}`	—
`errors`	{ code?: string; general?: string; }	`{}`	—
`features`	{ autoSubmit?: boolean; }	`{}`	—
`resendCooldown`	number	`60`	Resend cooldown in seconds