React Compound Slider
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.
Prevent Crossing

mode = 2 step = 5

onChange:
150
300
400
450
onUpdate:
150
300
400
450
100
200
300
400
500
Allow Crossing

mode = 1 step = 5

onChange:
150
300
400
450
onUpdate:
150
300
400
450
100
150
200
250
300
350
400
450
500
Reversed - Prevent Crossing

mode = 2 step = 10

onChange:
450
400
300
150
onUpdate:
450
400
300
150
100
150
200
250
300
350
400
450
500
Reversed - Pushable Mode

mode = 3 step = 10

onChange:
250
200
150
100
onUpdate:
250
200
150
100
100
120
140
160
180
200
220
240
260
280
300