PinInput
An optimized input component for one-time passwords (OTP) and verification pins with automatic focus advancing.
Playground
Explore all pininput props interactively.
Props
Bound array of pin digits.
Number of input boxes to render.
Input size
Theme color/status
Label text above input
Error message (sets color to error)
Helper text below input
Placeholder for empty boxes
Glass surface density
Backdrop blur intensity
Elevated with shadow
Glow intensity
Disabled state
Custom Lengths
PinInput dynamically renders as many fields as you need.
Glass Overlay Integration
Since the PinInput maps directly to the UI Engine as a field, it inherits the parent card's background gradient and glass properties seamlessly.
Verify Your Account
Enter the 6-digit code sent to your email.