L’animation de suivi du curseur peut-elle être désactivée ?

Question

MUI a un composant slider : https://mui.com/material-ui/react-slider/

J'essaie de comprendre comment désactiver l'animation qui se joue sur une tuile pour la déplacer vers une nouvelle position afin qu'elle se déplace immédiatement. Est-ce qu'il y a un moyen de faire ça?

Answer 1

Vous devez désactiver le pouce du curseur et l'attribut transition de l'élément de suivi à l'aide de l'utilitaire de style :

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'
  },
}));