> For the complete documentation index, see [llms.txt](https://openai.gitbook.io/code-cheatsheets/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://openai.gitbook.io/code-cheatsheets/react/packages/telephone.md).

# Telephone Input

[UI Discussion](https://uxmovement.com/forms/bad-practices-on-phone-number-form-fields/)

## React Package

## Installation

```
npm install react-phone-input-2 --save
```

## Usage

* has international code selection, validation, and autoformatting as you would want

```javascript
import PhoneInput from 'react-phone-input-2'
import 'react-phone-input-2/lib/style.css'

const [phone, setPhone] = useState("")
<PhoneInput
  country={'us'}
  value={phone}
  onChange={phone => setPhone(phone)}
/>
```