edwinwong90/react-mobile-number-input

react-mobile-number-input

Install

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

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 })}
      />
    )
  } 
}