input-number ui component for react(web & react-native)
npm install rmc-input-numberinput number ui component for react (web & react-native)
[![NPM version][npm-image]][npm-url]
[![build status][travis-image]][travis-url]
[![Test coverage][coveralls-image]][coveralls-url]
[![gemnasium deps][gemnasium-image]][gemnasium-url]
[![node version][node-image]][node-url]
[![npm download][download-image]][download-url]
[npm-image]: http://img.shields.io/npm/v/rmc-input-number.svg?style=flat-square
[npm-url]: http://npmjs.org/package/rmc-input-number
[travis-image]: https://img.shields.io/travis/react-component/m-input-number.svg?style=flat-square
[travis-url]: https://travis-ci.org/react-component/m-input-number
[coveralls-image]: https://img.shields.io/coveralls/react-component/m-input-number.svg?style=flat-square
[coveralls-url]: https://coveralls.io/r/react-component/m-input-number?branch=master
[gemnasium-image]: http://img.shields.io/gemnasium/react-component/m-input-number.svg?style=flat-square
[gemnasium-url]: https://gemnasium.com/react-component/m-input-number
[node-image]: https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square
[node-url]: http://nodejs.org/download/
[download-image]: https://img.shields.io/npm/dm/rmc-input-number.svg?style=flat-square
[download-url]: https://npmjs.org/package/rmc-input-number

- react-native:


``js`
var InputNumber = require('rmc-input-number');
var React = require('react');
var ReactDOM = require('react-dom');
ReactDOM.render(
``
npm install
npm run watch-tsc
npm start
http://127.0.0.1:8000/examples/
online example: http://react-component.github.io/m-input-number/examples/
``
npm run watch-tsc
npm run rn-init
react-native run-ios
| name | type | default | description |
|---|---|---|---|
| min | Number | Specifies the minimum value | |
| max | Number | Specifies the maximum value | |
| step | Number or String | 1 | Specifies the legal number intervals |
| precision | Number | Specifies the precision length of value | |
| disabled | Boolean | false | Specifies that an InputNumber should be disabled |
| focusOnUpDown | Boolean | true | whether focus input when click up or down button |
| autoFocus | Boolean | false | Specifies that an InputNumber should automatically get focus when the page loads |
| readOnly | Boolean | false | Specifies that an InputNumber is read only |
| value | Number | Specifies the value of an InputNumber | |
| defaultValue | Number | Specifies the defaultValue of an InputNumber | |
| onChange | Function | Called when value of an InputNumber changed | |
| style | Object | root style. such as {width:100} | |
| styles | ReactNative StyleSheet | component's stylesheet, can use lib/styles | |
| upStyle | Object | up step wrap style. react native only | |
| downStyle | Object | down step style. react native only | |
| inputStyle | Object | input style. react native only | |
| upHandler | React.Node | custom the up step element | |
| downHandler | React.Node | custom the down step element | |
| formatter | (value: number|string): displayValue: string | Specifies the format of the value presented | |
| parser | (displayValue: string) => value: number | input => input.replace(/[^\w\.-]*/g, '') | Specifies the value extracted from formatter |
``
npm test
npm run chrome-test
```
npm run coverage
open coverage/ dir
rmc-input-number is released under the MIT license.