@almuz/vue-tel-input v1.0.4

@almuz/vue-tel-input

Improved International Telephone Input with Vue.

Useful Links

• Changelog

Table of Contents

• Getting started
• Installation
  • npm
  • Browser
• Usage
  • Props
  • Events
  • Slots
• Typescript Support
• Credits & Contributors

Installation

• yarn:

    yarn add @almuz/vue-tel-input

• npm:

    npm i --save @almuz/vue-tel-input

Usage

• Import default CSS to your project:

  import '@almuz/vue-tel-input/dist/vue-tel-input.css'

• In your component:

  <template>
    ...
    <vue-tel-input v-model="phone"></vue-tel-input>
    ...
    <template>
      <script>
        import VueTelInput from 'vue-tel-input'
  
        export default {
          components: {
            VueTelInput
          },
          data() {
            return {
              phone: ''
            }
          }
        }
      </script>
    </template>
  </template>

Props

Events

Slots

Demo Usage

# install dependencies
$ yarn/npm install

# compile demo for development
$ yarn/npm dev

# open Browser and start serving in demo
$ yarn/npm demo:open

# compile dist demo
$ yarn/npm dist:demo

# compile dist
$ yarn/npm dist

Typescript Support

If you working with typescript will need declaration requirements.

npm install --save-dev @types/vue-tel-input