mui 筆記

styling nested component using sx

snippet.js
<Slider
  defaultValue={30}
  sx={{
    width: 300,
    color: 'success.main',
    '& .MuiSlider-thumb': {
      borderRadius: '1px',
    },
  }}
/>

ref: https://mui.com/material-ui/customization/how-to-customize/#the-sx-prop