AirbnbSlider
,并设置 ThumbComponent
来改变图标。详情请见:https://material-ui.com/components/slider/#discrete-sliders。function AirbnbThumbComponent(props) {
return (
<span {...props}>
<span className="bar" />
<span className="bar" />
<span className="bar" />
</span>
);
}
...
...
<AirbnbSlider
ThumbComponent={AirbnbThumbComponent}
defaultValue={[20]}
/>
我能够使用MUI文档中的类,通过简单的CSS更改它:
.MuiSlider-thumb {
background-image: url("./Images/arrow.svg");
}