Simple Phone Input Library For Vue 3

A simple yet fully configurable phone input component for Vue 3.

How to use it:

1. Import and register the component.

import { PhoneInput } from '@lbgm/phone-number-input';
// stylesheet
import '@lbgm/phone-number-input/dist/style.css';

app.component('PhoneInput', PhoneInput);

2. Add the phone-input component to the template.

<phone-input />

3. Available component props.

value: "",
label: "",
hasError: false,
hasSuccess: false,
successMessage: "",
errorMessage: "",
placeholder: "",
name: "",
required: false,
defaultCountry: "CI",
arrow: true,
listHeight: 150,
allowed: () => ["BJ", "CI"],

Preview:

Changelog:

04/17/2023

• v1.1.6: Bugfix

Download Details:

Author: lbgm

Live Demo: https://github.com/lbgm/phone-number-input

Download Link: https://github.com/lbgm/phone-number-input/archive/refs/heads/main.zip

Official Website: https://github.com/lbgm/phone-number-input

Install & Download:

# Yarn
$ yarn add @lbgm/phone-number-input

# NPM
$ npm i @lbgm/phone-number-input