84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
MUI has a slider component: https://mui.com/material-ui/react-slider/
I'm trying to figure out how to disable the animation that plays on a small block to move it to a new position so that it moves immediately. Is there any way to do this?
You need to use the style utility to turn off the transition attribute of the slider's thumb and track elements:
transition
import Slider from '@mui/material/Slider'; import { styled } from '@mui/material/styles'; const CustomSlider = styled(Slider)(({ theme }) => ({ "& .MuiSlider-thumb": { transition: 'none' }, "& .MuiSlider-track": { transition: 'none' }, }));
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You need to use the style utility to turn off the
transitionattribute of the slider's thumb and track elements:import Slider from '@mui/material/Slider'; import { styled } from '@mui/material/styles'; const CustomSlider = styled(Slider)(({ theme }) => ({ "& .MuiSlider-thumb": { transition: 'none' }, "& .MuiSlider-track": { transition: 'none' }, }));