0.0.1 • Published 7 years ago
format-phonenumber v0.0.1
Format-Phone-Number
Format a telephone number 123-345-67890
This is a simple package that provides the format 123-345-67890 to a telephone number.
It includes:
- Validates that input is numbers only (or dashes, as it automatically adds them).
- It has maximum length. (13 characters counting the 10 digits and 2 dashes).
Usage
- npm install format-phone-number --save
- Import FormatPhoneNumber from 'format-phone-number';
- Provide props: "onChange" (function) and "value" (string).
- You can pass it a className string and provide any input style.
Example
import React from 'react';
import FormatPhonenumber from 'format-phonenumber';
class AppComponent extends React.Component {
constructor (props) {
super(props);
this.state = {
phoneNumber : '',
};
}
render() {
return (
<div>
<FormatPhonenumber
className="input-formatter"
onChange={this.handleChange} value={this.state.phoneNumber}
/>
</div>
);
}
handleChange = (value) => {
this.setState({
phoneNumber : value
})
}
}
export default AppComponent;
License
MIT