# react-intl-tel-input-v2

**Repository Path**: mirrors_xlsdg/react-intl-tel-input-v2

## Basic Information

- **Project Name**: react-intl-tel-input-v2
- **Description**: React component wrap for intl-tel-input
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-19
- **Last Updated**: 2026-01-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-intl-tel-input-v2

> React component wrap for intl-tel-input

## Installation

```
$ npm install --save intl-tel-input react-intl-tel-input-v2
```

## Usage

``` javascript
import 'intl-tel-input/build/css/intlTelInput.css';
import ReactIntlTelInput from 'react-intl-tel-input-v2';

export default () => {
  const inputProps = {
    placeholder: 'ReactIntlTelInput',
  };

  const intlTelOpts = {
    preferredCountries: ['cn'],
  };

  const value = { iso2: 'cn', dialCode: '86', phone: '12345678901' };

  const onChange = value => console.log(value);
  const onReady = (instance, IntlTelInput) => console.log(instance, IntlTelInput);

  return (
    <ReactIntlTelInput
      inputProps={inputProps}
      intlTelOpts={intlTelOpts}
      value={value}
      onChange={onChange}
      onReady={onReady}
    />
  );
}
```

## propTypes

``` javascript
className:                PropTypes.string,
inputProps:               PropTypes.object,
intlTelOpts:              PropTypes.object,
value:                    PropTypes.object,
onChange:                 PropTypes.func,
onReady:                  PropTypes.func,
onCountryDropdownOpen:    PropTypes.func,
onCountryDropdownClose:   PropTypes.func,
```

[intlTelOpts](https://github.com/jackocnr/intl-tel-input#options)

## defaultProps

``` javascript
className: null,
inputProps: {},
intlTelOpts: {},
onChange: () => {},
onReady: () => {},
onCountryDropdownOpen: () => {},
onCountryDropdownClose: () => {},
```

# License

MIT