react-phone-input

1.2.1 • Public • Published

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:

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

Package Sidebar

Install

npm i react-phone-input

Weekly Downloads

343

Version

1.2.1

License

MIT

Last publish

Collaborators

  • razagill