React-Intl-Tel-Input
Rewrite International Telephone Input in React.js.
Demo & Examples
Live demo: patw0929.github.io/react-intl-tel-input
To build the examples locally, run:
npm install
npm run example
Then open localhost:8000
in a browser.
Installation
The easiest way to use react-intl-tel-input is to install it from NPM and include it in your own React build process (using Browserify, Webpack, etc).
You can also use the standalone build by including dist/main.js
in your page. If you use this, make sure you have already included React, and it is available as a global variable.
npm install react-intl-tel-input --save
Usage
import IntlTelInput from 'react-intl-tel-input';
import 'file?name=libphonenumber.js!./node_modules/react-intl-tel-input/dist/libphonenumber.js';
import './node_modules/react-intl-tel-input/dist/main.css';
<IntlTelInput css={['intl-tel-input', 'form-control']}
utilsScript={'libphonenumber.js'}>Example</IntlTelInput>
Properties
Please see the Demo Page
src
and the build process)
Development (NOTE: The source code for the component is in src
. A UMD bundle is also built to dist
, which can be included without the need for any build system.
To build, watch and serve the examples (which will also watch the component source), run npm run example
.
Inspired by
International Telephone Input - @jackocnr
License
MIT
Copyright (c) 2015-2016 patw.