Slider
Basic responsive slider. All the usual props can be added.
() => {
const [value, setValue] = useState(5)
return (
<>
Value: {value}
<Slider
value={value}
min={0}
max={10}
step={1}
onChange={(e) => setValue(parseFloat(e.target.value))}
/>
</>
)
}
A color can be specified.
{
colors.map((color, index) => <Slider sx={{ color: color, mb: [4] }} />)
}