/react-phone-input

A simple react component to format phone number as the user types

Primary LanguageJavaScriptMIT LicenseMIT

react-phone-input

A simple react component to format a phone number as the user types.

alt tag

Installation:

npm install react-phone-input --save

Usage:

import ReactPhoneInput from 'react-phone-input';

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
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']

License

MIT