Range Slider

Feature request

Is your feature request related to a problem? Please describe.

There is no way to select an upper and lower value (range) using the slider, which is useful for a lot of applications like a price filter.

Describe the solution you’d like

Add a new component called Range Slider (or an additional prop which transforms the existing slider) which has two SliderThumbs. One controls the upper limit and the other the lower limit. The Thumbs can’t cross over.

The value & defaultValue will accept an array of values [0, 100] & the onChange events will also return an array of values.

Describe alternatives you’ve considered

Antd have a nice Range Slider.

[vincentbriglia]

I’d upvote it but can’t see it in the project board?

[segunadebayo]

Thanks for the upvote. We’ve added this to the list of upcoming features in the roadmap