← All projects

vueye-phone-input

by @boussadjra

Archived 12

phone number input built for Vue.js 3

About this project

vueye-phone-input Description : It's a rich component that allows you to type a validate phone number, this component is based on libphonenumber-js, this component supports only Vue.js 3.x Installation npm install vueye-phone-input --save DEMO LIVE DEMO Boilerplate Usage Props: Name default description --------- ------- ------ v-model null the two-way bound value shape 'rounded' define the component shape (rounded,rounded-none,rounded-full) outlined false show the component with/out an outline raised false add an elevation to the component status '' Specify the input status ('error', 'success' or '') placeholder '' The input placeholder Events : Name description params --------- ------- ------ blur Triggered on blur event (e:Event)=>{} focus Triggered on focus event (e:Event)=>{} click-dropdown Triggered on open dropdown (e:Event,showDropdown:Boolean)=>{} click-dropdown Emitted on selecting new country (e:Event,country:{name: string,nativeName: string, callCode: number null, flag: string,code: string})=>{} Credits : Thanks to the maintainers of : libphonenumber-js restcountries ip2c Coded with ❤ by Boussadjra Brahim

From the project README on GitHub

Stars
12
Forks
1
Last push
9 Jan 2021

Add this badge to your README

Show that your project is listed on Made in Algeria.

Made in Algeria
[![Made in Algeria](https://www.madeinalgeria.dev/badge/vueye-phone-input.svg)](https://www.madeinalgeria.dev/projects/vueye-phone-input)

Related projects