vue3-tel-input

International Telephone Input with Vue.

Documentation and live demo

Visit the website

Getting started

• Install the plugin:

  npm install @matrunchyk/vue3-tel-input

• Add the plugin into your app:

  import Vue from 'vue'
  import VueTelInput from 'vue3-tel-input'
  import 'vue3-tel-input/dist/style.css'
  
  Vue.use(VueTelInput)

  More info on installation

• Use the vue-tel-input component:

  <template>
    <vue-tel-input v-model="phone"></vue-tel-input>
  <template>

Installation

npm

  npm install @matrunchyk/vue-tel-input

Install the plugin into Vue:

import Vue from 'vue'
import VueTelInput from '@matrunchyk/vue3-tel-input'
import '@matrunchyk/vue3-tel-input/dist/style.css'

Vue.use(VueTelInput, options) // Define default global options here (optional)

View all available options in Props.

Or use the component directly:

<!-- your-component.vue-->
<template>
  <vue-tel-input v-model="value"></vue-tel-input>
</template>
<script>
import { VueTelInput } from '@matrunchyk/vue3-tel-input'

export default {
  components: {
    VueTelInput,
  },
};

Changelog

Go to Github Releases

Development

Clone the project

  git clone https://github.com/iamstevendao/vue-tel-input.git

Go to the project directory & checkout the next branch

  cd vue-tel-input
  git checkout next origin/next

Install dependencies

  npm install

Build the project

  npm run build

Start the es build example

  npm run dev

Start the browser build example

  npx http-server -p 8080
  # 127.0.0.1:8080/examples/browser.html

License

Copyright (c) 2022 Serhii Matrunchyk. Copyright (c) 2018 Steven Dao. Released under the MIT License.

made with ❤ by Steven.