React number input make simple
npm install react-mobile-number-inputjavascript
npm i react-mobile-number-input
`API
props
| Name | Type | Default | Description |
|------|------|---------|-------------|
|value|Number|0|Specifies the value of an InputNumber
|type|String|number|Specifies the type
|maxLenght|Number|999|Specifies the max length
|minLenght|Number|0|Specifies the min length
|pattern|String||Specifies the pattern attribute
|name|String||Specifies the name attribute
|required|Boolean|false|Specifies the required attribute
|min|Number|null|Specifies the min value input
|max|Number|null|Specifies the max value input
|disabled|Boolean|false|Specifies the disabled attribute
|placeholder|String||Specifies the placholder attribute
|readOnly|Boolean|false|Specifies the readonly attribute
|step|Number|1|Specifies the increment and decrement value (triger by +/- button)
|style|String|{}|Specifies the style attribute
|onChange|Function||Called when value of an InputNumber changed
Usage
javascript
import NumberInput from 'react-mobile-number-input';
import '../node_modules/react-mobile-number-input/assets/numberInput.css'export default class App extends React.Component {
constructor(props) {
super(props)
this.state = {
num: 0
}
}
render() {
return (
onChange={() => this.setState({ num: this.state.num + 1 })}
/>
)
}
}
``