Note: react-compound-slider is not concerned with the markup or style of rendered content. The user defines the rail, handle, track and tick components. The demos on this site are provided to help people get started and are used to test changes to the library. While they generally work on mobile, the demos are not really optimized for mobile devices.
Simple Value Slider
mode = 1 step = 1
onChange:
150
onUpdate:
150
Prevent Crossing
mode = 2 step = 5
onChange:
150
300
400
450
onUpdate:
150
300
400
450
100
200
300
400
500
Pushable Mode
mode = 3 step = 10
NOTE: This demos also uses buttons for handles and enables keyboard events. Try using the arrow and tab keys.