如何顯示具有上邊距的 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>