Welcome to chalo-phone-format!
Hi! It's a React component to build a customized UI of https://www.npmjs.com/package/react-number-format.
It's too a input phone for React.
Install-package
- npm install chalo-phone-format
- yarn add chalo-phone-format
What does it?
- You can define your own format.
- You can define your own mask.
How to implated it?
You can see the example complete in directory src/example/ExampleImplementation.js
// src/example/ExampleImplementation.js ... //It's a method to change the value in Phone handleChange(value) { console.log(value); } render () { return (<div className="container"> <Phone //(Optional) It's the value by default value={"2151234455"} handleChange={this.handleChange} //(Optional) It wil add a field more in respuest //formatOK:true --> meets the format //formatOK:false --> not meets the format isFormatOK={true} //(Optional) you can define your own format. //** It's mandatory to use the # character to represent the numbers. //format="(###) ###-####" //(Optional) You can define your own mask //mask="-" /> </div>) } }