International phone field for Vuetify 3 and Vue 3.
npm install v-phone-input
!NPM downloads
!MIT license
VPhoneInput aims to provide international phone number tools for Vuetify and Vue 3:
- VPhoneInput, a ready-to-use
Vuetify component, based on VSelect or
VAutocomplete components for country selection, and VTextField for phone
number.
- usePhoneInput,
a Vue composable
composable to ease your custom implementation within any Vue project.
Browser the docs or try it
inside the playground.
If you would like to try VPhoneInput, you can check out:
- the docs' playground
- the Vuetify component StackBlitz project
- the Vue composable StackBlitz project
If you are using VPhoneInput v5 and would you like to migrate to v6, you
should follow the v6 migration guide.
Since v3, VPhoneInput is only available in Vuetify 3 and Vue 3. If you are using
Vuetify 2 and Vue 2, you can still
install the package's v2.
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.
Please see contributing guide
for more details.
- Paul Thébaud
- CoWork'HIT
- All Contributors
Inspired by vue-tel-input
and vue-tel-input-vuetify.
v-phone-input is an open-sourced software licensed under the
MIT license.