React.js 带有两个拇指的圆形滑块

Question

我正在尝试构建一个带有两个拇指（旋钮）的圆形滑块。要求非常具体我们的客户希望它是圆形的并且应该有两个旋钮。我尝试将 MUISlider 的形状更改为圆形（虽然已经支持两个不是圆形的旋钮）但徒劳无功。

https://codesandbox.io/s/h0esn

我们试过了，但不支持两个旋钮 - https://dmitrymorozoff.github.io/react-circle-slider/

请查找附件图片以供参考，帮助我找到适合我们要求的东西。

Answer 1

您可以尝试使用支持大量定制的roundSlider插件。检查下面的演示，了解带有两个拇指示例的圆形滑块：

演示：https://stackblitz.com/edit/react-circular-slider-with-two-thumbs