Range slider with different scale intervals?

Question

JavaScript

It is necessary to implement a range slider with a different division price. Those. the step length is the same, but the values ​​are different (0, 500, 1000, 5000, 10,000, 15,000, 20,000).

Are there ready-made solutions? If there is such a component for react, it would be generally great)

Answer 1

Use https://www.npmjs.com/package/rc-slider, great package with great support and customization.
Here is an example on the knee https://codesandbox.io/s/late-grass-qlyin