如何显示带上边距的物料UI抽屉

Question

我正在尝试用一些页边空白来实现Material UI抽屉，而不是从页面的顶部开始，但这并没有发生，我尝试过应用marginTop，但没有发生。这是代码SandBox链接Drawer。

如何应用上边距？

Answer 1

将marginTop设置为drawerPaper，而不是

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

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

Answer 2

在MUI V5:中

<Drawer
anchor={'top'}
open={isOpen}
hideBackdrop
onClose={() => onClose()}
sx={{
'&.MuiDrawer-root .MuiDrawer-paper': { marginTop: '67px' },
}}
>
{children}
</Drawer>