npm i react-mobile-number-input
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 |
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 (
<NumberInput
value={this.state.num}
onChange={() => this.setState({ num: this.state.num + 1 })}
/>
)
}
}