ObjectUIObjectUI

Input OTP

One-time password input with auto-focus

The Input OTP component provides a secure way to enter one-time passwords or verification codes.

Basic Usage

6 Digit Otp

With Separator

With Visual Separator

Different Lengths

4 Digit

8 Digit

Schema

interface InputOTPSchema {
  type: 'input-otp';
  length: number;                 // Number of digits
  value?: string;                 // Current value
  separator?: boolean;            // Show visual separator
  
  // Events
  onChange?: string | ActionConfig;
  onComplete?: string | ActionConfig;
  
  // States
  disabled?: boolean;
  
  // Styling
  className?: string;
}

Examples

In a Form

Verification Form

We sent a code to your email

On this page