javascript - 如何显示具有上边距的 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>