# mui 筆記

## styling nested component using sx


```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>