🚧 Installation & Usage Instructions 🚧
To begin using the plugin, navigate to the Bubble editor and find the visual element International Phone Input. Drag and drop it onto your page where you need a phone number field. If you ever need to reference this element in your workflows, you can assign it a unique ID Attribute in the properties panel.

Once the element is on your page, you can configure it to fit your needs. In the properties panel, you'll find key options like Placeholder for the hint text, Initial Content if you need a default number, and Border Settings to customize the border style. You can also choose whether the plugin should auto-detect the user's country or if you prefer to set it manually.

The true power of this plugin lies in its exposed states, which automatically update as the user types. You can access these in your workflows to, for example, validate the number or save it to your database. The most important states are is_valid (tells you if the number is valid), number_international_format (the full number with the country code), and country_code (the number's country code).