如何在 MUI 中设置抽屉的纸张样式？

Nea*_*arl 5

如何使用sx道具：

<Drawer
  PaperProps={{
    sx: {
      width: 100
    }
  }}

如果您想在没有的情况下设置嵌套组件的样式XxProps：

<Drawer
  sx={{
    "& .MuiPaper-root": {
      width: 100
    }
  }}

如果您不想要硬编码类名字符串：

import { paperClasses } from "@mui/material/Paper";

<Drawer
  sx={{
    [`& .${paperClasses.root}`]: {
      width: 100
    }
  }

编辑：如果您还希望抽屉的宽度响应：

<Drawer
  PaperProps={{
    sx: {
      width: {
        xs: 300,
        sm: 500
      }
    }
  }}