为material-ui滑块添加工具提示

时间:2017-04-10 09:35:49

标签: reactjs material-ui

我正在使用material-ui滑块,我只是想知道他们在滑块内添加工具提示的任何选项?我无法找到尝试搜索的任何解决方案。 对于Eg:

<Slider
      min={0}
      max={100}
      defaultValue={50}
      value={this.state.secondSlider}
      onChange={this.handleSecondSlider}
      tooltip={this.state.firstSlider}
    />

因此,当用户拖动滑块时,它会显示工具提示上的值。我还在学习反应。有什么建议吗?

1 个答案:

答案 0 :(得分:3)

我自己有这个问题,这是我放在一起的基本解决方案,它增加了Slider组件,允许你传递一个标签/工具提示元素作为道具,无论你喜欢哪种风格:https://github.com/tariqwest/material-ui-slider-label