2r-stepper
Version:
2R library stepper component implemented in React
43 lines (20 loc) • 1.16 kB
Markdown
# 2r-stepper
2R library stepper component implemented in React.
## Instalation
`2r-stepper` is available as an npm package. Simply run `npm install 2r-stepper` command.
To use it in your project:
import stepper from '2r-stepper'; // ES6 syntax
var stepper = require('2r-stepper'); // ES5 syntax
## Usage & API
The following props can be passed to the component:
- `initialValue` (Number): at what value will the stepper start (defaults to `0`)
- `stepValue` (Number): by how much we increment/decrement at once (defaults to `1`)
- `allowNegativeValues` (Boolean): whether we want our stepper to go below `0` or not. The decrement button will be disabled in case `allowNegativeValues` is `false` and either current value is `0` or the difference between the current value and the step value goes below `0` (defaults to `false`)
## Examples
There is an examples folder inside the project with a minimum config. Steps to run:
- Clone the project and
- Run `npm install`
- Run `gulp examples`
- Navigate to `http://localhost:5000`
## License
This software is released under the terms of [WTFPL v2.0 license](http://www.wtfpl.net/).