UI

OTP Input

Open in

Verification Example

A complete verification form with OTP input.

Verify Your Account

We've sent a 6-digit verification code to your email. Enter the code below to confirm your account.

-

Enter the 6-digit code sent to your email. This otp is autofocused

OTP Input Variants

Different styles and configurations for OTP inputs.

OTP Input Variants

Different styles and configurations for OTP inputs

Default Style

Standard 6-digit OTP input

Pill Style

Rounded pill-style OTP input

With Separator

-

OTP with visual grouping and default styling

Default Style with Colored Border

Default style with colored border

Masked Input (Default Style)

Masked for security (like a password)

Different Length (Default Style)

Shorter 4-digit OTP input with default styling

Auto-Submit Example

OTP input that automatically submits the form when completed.

Auto-Submit OTP

Enter the complete code to automatically submit the form.

Form will submit automatically when all 4 digits are entered