v-phone-field

KO | EN

gitlite — search

#javascript #python #react #ai #golang #go #machine-learning #deep-learning #docker #java #kubernetes #vue #ios #open-source

(★ 10)

Vuetify phone input field

v-phone-field Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Vuetify phone field

[![npm](https://img.shields.io/npm/v/@ibkhall/v-phone-field.svg)](http://npm.im/@ibkhall/v-phone-field)
<a href="https://www.npmjs.com/package/@ibkhall/v-phone-field">
    <img src="https://img.shields.io/npm/dt/@ibkhall/v-phone-field.svg" alt="Downloads">
  </a>
  <a href="https://www.npmjs.com/package/@ibkhall/v-phone-field">
    <img src="https://img.shields.io/npm/dm/@ibkhall/v-phone-field.svg" alt="Downloads">
  </a>
![](https://raw.githubusercontent.com/ibkhall/v-phone-field/master/demo.gif)

Vuetify telephone field

## Install

```bash
npm install @ibkhall/v-phone-field
```
## Usage

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

const phone = ref('')
</script>
<template>

<VPhoneField v-model="phone"/>

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

<table>
  <tr>
    <td>
      <img src="https://github.com/ibkhall.png?s=100" width="100">
    </td>
    <td>
      Ibrahim Boubacar<br />
      <a href="mailto:ibrahimkhall212@gmail.com">ibrahimkhall212@gmail.com</a><br />
    </td>
  </tr>
</table>

v-phone-field

v-phone-field Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

v-phone-field

v-phone-field Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README