How to add Phone Number Input

1. Open the FramerForms plugin, go to Form Inputs.

2. Drag in the ‘Phone Number’ Input component.

3. In the Properties panel, adjust all settings, such as the Default Country, Auto or Manual Formatting, Placeholder, Border, Colors, Font, Sizing and more.

You're done! You now have an adaptable phone number input field in your Framer form.

💡 Note: This component can be combined with the Country input to automatically adjust the Phone Number Input component when the user selects the country first, just make sure the two components are within the same parent frame.