Input Otp Standard 3 - With multiple separators

Pro

OTP with Multiple Separators.

Shadcn Input Otp Standard 3 component

Component data

ID
input-otp/input-otp-standard-3
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Input Otp Standard 3 component design & features

This example uses the shadcn Input OTP component to demonstrate otp with multiple separators. Enforces a character limit.

Core OTP slots cover two-factor login, device pairing, and one-time codes where users enter a fixed-length numeric or alphanumeric code.