Getting started

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:

• 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.

Demo

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

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

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 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.