Material ui 按钮自定义标高

Dan*_*cci 4 reactjs material-ui

如何为 MUI 按钮指定自定义高度?

在 MUI按钮 API 文档中记录了a disableElevation(它似乎作为 的别名elevation={0}),但我找不到如何指定与默认高度不同的高度。

Sum*_*mer 9

请记住,包含的按钮在悬停时和活动/聚焦时使用不同的高度,因此在自定义它们时需要考虑到这一点。

@mui/system有一种方便的方法elevation,可以使用 prop在没有 prop 的情况下在元素上应用阴影sx。语法为sx={{ boxShadow: 3 }},与 相同elevation={3}。数字从 0 到 24。

代码沙箱