It renders individual input boxes for each digit, handles auto-focus movement between boxes, supports paste, backspace navigation, error states, and fires an OutSystems event when the OTP is complete.

No external libraries required built entirely with vanilla JavaScript and OutSystems Reactive Web.

Key Features

• ? Configurable digit length (4, 6, or any number)
• ? Numbers only input with strict validation
• ? Auto moves focus to next box on digit entry
• ? Backspace moves focus to previous box
• ? Paste support — fills all boxes at once
• ? Auto submit when all boxes are filled
• ? Manual submit button option
• ? Error state with shake animation
• ? Fully customizable colors, size and spacing
• ? Mask input support (like password field)
• ? Fires OutSystems event to parent screen on completion
• ? Exposes WidgetId to parent via event for full control
• ? Clear and Reset actions
• ? Mobile keyboard optimized (numeric keypad)
• ? No external libraries or CDN required