useInputPhoneMask

Installation

Yarn

1yarn add use-input-phone-mask

NPM

1npm install use-input-phone-mask

---

Then, require it and use it.

1import React from 'react'
2import { useInputPhoneMask } from 'use-input-phone-mask';
3
4export default () => {
5  const { ref: inputRef, onChange } = useInputPhoneMask({ mask: '+# (###)###-####' });
6  
7  return (
8    <div>
9      <input ref={inputRef} onChange={onChange} />
10    </div>
11  )
12}

Example

To see an example of the code running, follow these steps:

1. Clone the repo, git clone https://github.com/awen2841/use-input-phone-mask.git
2. cd use-input-phone-mask/exemple
3. npm install
4. npm run storybook
5. Open http://localhost:6001

The code of the example is in exemple.