Simple Phone Input Library For Vue 3

Install & Download:

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

Description:

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:

02/26/2023

• v1.1.6: Bugfix