1. Drag the OTP Input element onto your page
2. Set pin_length between 4 and 8
3. Customize box size, gap, colors and font size
4. Read the completed value via:
Element states → OTP Input → otp_value
FIELDS:
- pin_length → number of boxes (4–8, default 6)
- box_size → width and height of each box in px
- box_gap → spacing between boxes in px
- border_color → default border color (hex)
- active_color → focused/filled border color (hex)
- text_color → digit text color (hex)
- font_size → digit size in px
Demo editor link:
https://bubble.io/page?id=mbbuilds5&test_plugin=1778735762949x980567825421172700_current&tab=Design&name=otp_testing&type=page