number-input-lib v1.0.1

number-input

Library for number input

Install

npm install --save number-input-lib

Usage

import React, { Component } from 'react'

import NumberInput from 'number-input-lib'

class Example extends Component {
  render () {
    return (
      <NumberInput type="positive-integer"
                   onChange={(value) => console.log(value)}
                   onInvalidValue={(value) => console.log(value)}/>

      <NumberInput type="integer"
                   onChange={(value) => console.log(value)}
                   onInvalidValue={(value) => console.log(value)}/>

      <NumberInput type="positive-float"
                   onChange={(value) => console.log(value)}
                   precision={3}
                   onInvalidValue={(value) => console.log(value)}/>

      <NumberInput type="float"
                   onChange={(value) => console.log(value)}
                   precision={3}
                   onInvalidValue={(value) => console.log(value)}/>
    )
  }
}

All the properties of input tag are available to NumberInput tag. Apart from input properties some extra properties are provided based on the provided type to NumberInput.

positive-integer

integer

positive-float

float

##Demo Demo is available here and code for the same is available here

License

MIT © thenakliman