React-Int-Phone-Input

A lightweight React international phone number input with taking UX in consideration

Live Demo

Demo

Installation

npm install react-int-phone-input --save

Usage

import React, {useState} from 'react';
import PhoneNumberInput from 'react-int-phone-input';

const App = () => {
    const [value, setValue] = useState();

    return (
        <PhoneInput
            value={value}
            onChange={setValue}
        />
    )
}

- Default country

You can set the default selected country by using defaultCountry

import React, {useState} from 'react';
import PhoneNumberInput from 'react-int-phone-input';

const App = () => {
    const [value, setValue] = useState();

    return (
        <PhoneInput
            value={value}
            onChange={setValue}
            defaultCountry={'GB'}
        />
    )
}

Props

| Name | Type | Description | Default | Example | |-----------------|---------|--------------------------------------|---------|---------| | showCountryCode | Boolean | To render the country code in the UI | true | false | | defaultCountry | string | initial country | 'US' | 'US' |