如何显示带有上边距的 Material UI 抽屉

Question

我正在尝试使用一些顶部边距来实现 Material UI 抽屉，而不是从页面的最顶部开始，但它没有发生，我尝试应用marginTop但它没有发生。这是 codeSandBox 链接Drawer。

如何申请上边距？

Answer 1

改为设置marginTop为drawerPaper

const useStyles = makeStyles({
  drawerPaper: {
    marginTop: "50px"
  }
});

const classes = useStyles();

<Drawer
  classes={{
    paper: classes.drawerPaper
  }}
>
  {sideList("left")}
</Drawer>