Skip to content

ibkhall/v-phone-field

Repository files navigation

Vuetify phone field

npm Downloads Downloads

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