vue-international-phone-input

A Vue component for entering and validating international telephone numbers.

Usage

Install the dependency by using yarn

yarn add vue-international-phone-input

or npm

npm i --save vue-international-phone-input

Import the component similar to this example:

<template>
  <div>
    <InternationalPhoneInput
      v-model="phoneNumber"
      label="Phone number"
      placeholder="enter phone number"
    />
  </div>
</template>

<script>
import InternationalPhoneInput from 'vue-international-phone-input';
export default {
  components: {
    InternationalPhoneInput,
    // ....
  },
  data: () => ({
    phoneNumber: '',
    //...
  }),
};
</script>

API

Props

Props	Type	Required	Default
value	String	false	''
label	String	false	''
placeholder	String	false	''

Events

Event	Return
input	emit new value when it is entered in phone input

Contributing

After checking out the code make sure you install all the dependencies by running

yarn

To run a local dev server with hot-reloads do

yarn serve

License

This project is licensed under MITLicense