🔒 OTP Input (Verification Code) SUPER CUSTOMIZABLE: Add a custom and secure OTP verification field to your Bubble.io application, designed for maximum flexibility and visual control.

🔧 Features:

📏 Customizable Dimensions: Adjust the size of each input box (height, width, padding) to fit your needs.

🔢 Code Length: Configure the number of boxes to match the required OTP digits.

🔳 Dynamic Styling: Customize colors and border thickness for focus, no focus, and error states.

🎨 Corner Roundness: Control the border-radius for a more appealing design.

🔠 Numeric Input: Restrict the input to numbers only if necessary.


🛠️ Actions:

❌ Set Error: Activate the error state in the OTP field.

✅ Remove Error: Clear the error state.

🔄 Reset: Reset the OTP field for a new input.

📊 States:

🚨 hasError: Indicates if the field is in an error state.

🔄 isComplete: Checks if the OTP input is fully completed.

🔢 filledBoxes: Shows how many input boxes are filled.


💬 Events:

❌ onError: Triggered when an error occurs.

✍️ onChange: Triggered when any input box value changes.

🎯 onComplete: Triggered when the OTP input is fully completed.



DEMO: https://simplify-50352.bubbleapps.io/version-test/verification_code

DEMO EDITOR: https://bubble.io/page?id=simplify-50352&tab=tabs-1&name=verification_code&type=page

NEED HELP?

Mail us at: [email protected]