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