Shadcn Studio - Shadcn UI Components, Blocks & Templates

Input OTP number

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Loading component...

Input OTP Alphanumeric

Loading component...

Input OTP with resend

Didn't get the code? Resend code

Loading component...

Input OTP with resend timer

Resend available in 00:30

Loading component...

Input OTP outlined

Loading component...

Input OTP filled

Loading component...

Input OTP minimal

Loading component...

Input OTP Grouped

Loading component...

Input OTP Outline Grouped

Loading component...

Input OTP Custom Separator

Loading component...