React-international-phone-number-input NPM

React International Phone Number Input

You can access the basic example from that CodeSandbox Link

Install

npm:

npm install react-international-phone-number-input --save

yarn:

yarn add react-international-phone-number-input

and add CSS file to your app:

import 'react-international-phone-number-input/dist/index.css'

Usage

import React, { Component } from 'react'
import { PhoneInput } from 'react-international-phone-number-input'
import 'react-international-phone-number-input/dist/index.css'

class Example extends Component {
  render() {
    return (
    <PhoneInput
        containerProps={{
            //...props here
        }}
        defaultCountry='KW'
        dropdownButtonProps={{
        //...props here
        }}
        disableCountrySelect
        flagProps={{
        //...props here
        }}
        inputProps={{
        //...props here
        }}
        onInputChange={(values) => {
          console.log(values)
        }}
        prepend={
            <div>
        // prepend react element here
        </div>
        }
      />)
  }
}