Package Exports
- rc-slider
- rc-slider/assets/index.css
- rc-slider/lib/Slider
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rc-slider) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
rc-slider
slider ui component for react
Screenshots



Feature
- support ie8,ie8+,chrome,firefox,safari
Keyboard
install
Usage
var Rcslider = require('rc-slider');
var React = require('react');
React.render(<Rcslider />, container);
API
props
name | type | default | description |
---|---|---|---|
className | String | rc-slider | additional css class of root dom node |
min | number | 0 | The minimum value of the slider |
max | number | 100 | The maximum value of the slider |
step | number | 1 | Value to be added or subtracted on each step the slider makes. Must be greater than zero. max - min should be evenly divisible by the step value. |
value | number | 0 | Determines the initial positions of the handles. |
marks | array | [] | mark every step for the slider, it will ignore the `step` parameter if it has been defined |
isIncluded | boolean | true | if the value is true, it means a continuous value interval, otherwise, it is a independent value. |
index | number | 0 | For step or marks slider, determine the initial positions of the handles. |
disabled | boolean | false | If true the handles can't be moved. |
Development
npm install
npm start
Example
http://localhost:8000/examples/
online example: http://react-component.github.io/slider/examples/
Test Case
http://localhost:8000/tests/runner.html?coverage
Coverage
License
rc-slider is released under the MIT license.