Input OTP

OTP (One-Time Password) inputs are specialized for entering verification codes from SMS, email, or authenticator apps. They split codes into individual digit boxes, making it easier to enter and verify codes accurately during authentication.

Yes! When users paste a code (from SMS or email), the Input OTP automatically distributes digits across all boxes. This saves time and reduces errors compared to typing manually, especially important for time-sensitive verification flows.

As users type each digit, focus automatically moves to the next box. After entering the last digit, the form can auto-submit. Users can also press backspace to go back and correct mistakes, making the experience smooth and intuitive.

Absolutely. The component supports different code lengths: 4 digits (common for PINs), 6 digits (most 2FA apps), or 8+ digits (high-security codes). Configure based on your authentication system's requirements.

Yes, with proper ARIA labels and keyboard navigation. Screen readers announce the purpose and current position, while keyboard users can tab through or use arrow keys. The component is fully usable without a mouse.

Yes, this Figma Input OTP component matches the shadcn/ui implementation exactly, ensuring your verification code inputs work consistently from design to production with all smart features included.