slider ui component for react
- support ie8,ie8+,chrome,firefox,safari
var Rcslider = require('rc-slider');
var React = require('react');
React.render(<Rcslider />, container);
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. |
defaultValue | number | 0 | Determines the initial positions of the handles. |
value | number | Determines the current 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. |
defaultIndex | number | 0 | For step or marks slider, determine the initial positions of the handles. |
index | number | For step or marks slider, determine current positions of the handles. | |
disabled | boolean | false | If true the handles can't be moved. |
npm install
npm start
http://localhost:8000/examples/
online example: http://react-component.github.io/slider/
http://localhost:8000/tests/runner.html?coverage
rc-slider is released under the MIT license.