@shabinpshams/react-intl-tel-input

React-Intl-Tel-Input

Extended version of patw's react-intl-tel-input

Rewrite International Telephone Input in React.js.

Demo & Examples

Live demo: shabinpshams.github.io/react-intl-tel-input

To build the examples locally, run:

yarn
yarn website:start

Then open localhost:3000 in a browser.

Installation

yarn add @shabinpshams/react-intl-tel-input

TypeScript

@shabinpshams/react-intl-tel-input ships with official type declarations out of the box.

Usage

import IntlTelInput from '@shabinpshams/react-intl-tel-input';
import '@shabinpshams/react-intl-tel-input/dist/main.scss';

<IntlTelInput
  containerClassName="intl-tel-input"
  inputClassName="form-control"
/>

Properties

Please see the Demo Page

Development (src and the build process)

To build, watch and serve the examples (which will also watch the component source), run yarn website:start.

You can prepare a distribution build using yarn build.

Contributing

Any kind of contribution including proposals, doc improvements, enhancements, bug fixes are always welcome.

To contribute to react-intl-tel-input, clone this repo locally and commit your code on a separate branch. Please write tests for your code, and run the linter before opening a pull-request:

yarn test    # if you are enhancing the JavaScript modules
yarn test:ts # if you are enhancing the TypeScript type declarations
yarn lint

Also, please let us know if you encounter any issue by filing an issue.

Cloned from

React-Intl-Tel-Input - [@patw0929] (https://github.com/patw0929)

License

MIT

Copyright (c) 2020-2023 shabinpshams.