https://github.com/ibkhall/v-phone-field

Vuetify phone input field
https://github.com/ibkhall/v-phone-field

number-format phone-number telephone telephone-number v-phone-field vue3 vuetify vuetify-phone-field vuetify-phone-input-field vuetify3

Last synced: 5 months ago
JSON representation

Vuetify phone input field

• Host: GitHub
• URL: https://github.com/ibkhall/v-phone-field
• Owner: ibkhall
• License: mit
• Created: 2023-01-25T16:28:48.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-02-15T23:08:53.000Z (over 3 years ago)
• Last Synced: 2025-10-30T05:18:19.588Z (8 months ago)
• Topics: number-format, phone-number, telephone, telephone-number, v-phone-field, vue3, vuetify, vuetify-phone-field, vuetify-phone-input-field, vuetify3
• Language: TypeScript
• Homepage:
• Size: 525 KB
• Stars: 10
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# Vuetify phone field

[![npm](https://img.shields.io/npm/v/@ibkhall/v-phone-field.svg)](http://npm.im/@ibkhall/v-phone-field)



    

  

  

    

  

![](./demo.gif)

Vuetify telephone field

## Install

```bash

npm install @ibkhall/v-phone-field

```

## Usage

```html

import VPhoneField from '@ibkhall/v-phone-field'

import {ref} from 'vue'

const phone = ref('')

```

## 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