0.0.1 • Published 2 years ago

vue-phone-input-ua v0.0.1

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

Vue Phoen Input Ua component

This component handles scenarios for entering Ukrainian mobile numbers with a mask. International numbers are allowed to enter, but there is no mask for this.

  • Vue3 based component.

Instalation

npm

npm install vue-phone-input-ua

Usage

You can register it globally or use it locally.

Global

  • main.js file
import { createApp } from 'vue'
import App from './App.vue'
import VuePhoneInputUa from "vue-phone-input-ua";

createApp(App).use(VuePhoneInputUa).mount('#app')
  • component.vue
<template>
  <VuePhoneInputUa v-model="phone" placeholder="Your text" />
</template>

Locally

  • component.vue
import {VuePhoneInputUa} from "vue-phone-input-ua";
<template>
  <VuePhoneInputUa v-model="phone" placeholder="Your text" />
</template>

Props

NameTypeDefaultDescription
v-modelStringReturn data about number
placeholderString+380(xx) xxx-xx-xxPlaceholder to be shown