v-phone-input

VPhoneInput

VPhoneInput aims to provide international phone number tools for Vue and Vuetify.

Depending on your needs, you should get start with one of the following:

• usePhoneInput, a Vue composable composable to ease your custom implementation within any Vue project.
• VPhoneInput, a ready-to-use Vuetify component, based on VSelect or VAutocomplete components for country selection, and VTextField for phone number.

Try it online

If you would like to try VPhoneInput, you can check out:

• the Vue composable StackBlitz project
• the Vuetify component StackBlitz project
• the Vuetify component docs' playground

Migration to v6

If you are using VPhoneInput v5 and would you like to migrate to v6, you should follow the v6 migration guide.

Vue 2 support

Since v3, VPhoneInput is only available in Vuetify 3/4 and Vue 3. If you are using Vuetify 2 and Vue 2, you can still install the package's v2.

Motivation

There are already multiple libraries to provide phone number input on Vuetify. But for those already published are not actively maintained or does not put focus on providing great accessibility. This new library aims to provide both.

Contributing

Please see contributing guide for more details.

Credits

• Paul Thébaud
• CoWork'HIT
• All Contributors

Inspired by vue-tel-input and vue-tel-input-vuetify.

License

v-phone-input is an open-sourced software licensed under the MIT license.