ibkhall/v-phone-field

Vuetify phone input field

Vuetify phone field

Vuetify telephone field

Install

npm install @ibkhall/v-phone-field

Usage

<script setup>
import VPhoneField from '@ibkhall/v-phone-field'
import {ref} from 'vue'

const phone = ref('')
</script>
<template>
<!-- some codes -->

<VPhoneField v-model="phone"/>
<!-- some codes -->
</template>

Props

All VTextField props and following props

Name	Default	Description
default-country	the country fetched from IP address of user	The country iso2 code(ex: ne for Niger)
invalid-message	Invalid phone number	Error message to display when invalid

Events

All VTextField events and @validate

Name	Description
@validate	On phone number is valid

License

The MIT License.

Author

Ibrahim Boubacar ibrahimkhall212@gmail.com