1. Add the element. Drag OTP Input Pro onto your mobile view. Set Character Count (e.g., 6) and Input Type — number for SMS codes, password for PINs. Tick Autofocus on load to open the keyboard automatically. Style everything under the STYLE section. 2. Capture the code. Workflow: When OTP Input Pro's completed → run your verification (e.g., Twilio via API Connector) → read the code from OTP Input Pro's value.
3. Wrong code. In the failure branch, add Show error and tick clear_after — boxes turn red, shake, clear, and refocus automatically.
4. Correct code. Add Show success → boxes flash green → Go to view. Add a 300ms pause so the green is visible.
5. Pre-fill from a link. On view load → Set value = Get data from page URL: code. The completed event then fires automatically — zero typing.
6. PIN screen. Input Type password + Mask delay 300 gives iOS-style entry: each digit appears briefly, then becomes a dot.
7. Extras. Use Focus to reopen the keyboard from a button, Reset after a resend, bind Disabled to an isVerifying state during API calls, and use the focused/blurred events for advanced UI logic.

Tips
Test SMS autofill and the shake animation on a real device (BubbleGo/TestFlight) - web preview can't simulate them.
This plugin handles input only; pair with your backend (Twilio, Firebase, etc.) for sending and verifying codes.