react-number-formatter v1.0.29

react-number-formatter

This React input component automatically formats phone numbers as you type and returns the actual number you entered. 😊

Installation

Run this command in your terminal

npm add react-number-formatter

Demo with hook form

Normal Usage

import { NumberFormatter } from 'react-number-formatter';

const [number, setNumber] = useState();

//for typescript
const [number, setNumber] = useState<string | number>();

<NumberFormatter
  value={number}
  initialFormat={true}
  getValue={(n: string) => setNumber(n)}
/> 

You can create your own format.

<NumberFormatter
  format={"+1 (###)-(###)-####"}
  value={number}
  getValue={(n: string) => setNumber(n)}
/>