react-phone-input

A simple react component to format a phone number as the user types with integrated user country detection via geoIp provided by ip-api.io. (forked from https://github.com/razagill/react-phone-input)

Live demo

Click to see live demo

Installation:

npm install react-geoip-phone-input --save

Usage:

React.render(
  <ReactPhoneInput defaultCountry={'us'} onChange={handleOnChange)/>,
  document.getElementById('content'));

Your handler for the onChange event should expect a string as parameter, where the value is that of the entered phone number. For example:

function handeOnChange(value) {
   this.setState({
      phone: value
   });
}

Options:

Name	Description
value	string, phone number value
defaultCountry	country code to initialize the component
excludeCountries	array of country codes to be excluded e.g. ['cu','cw','kz']
onlyCountries	array of country codes to be included e.g. ['cu','cw','kz']
preferredCountries	array of country codes to be preferred (highlighted at the top) e.g. ['cu','cw','kz']
ipGeocodingEnabled	boolean flag to turn on/off ip geocoding (default - true)

License

MIT