跳转到内容

🎉 Material UI v5 is out now! Check out the announcement blog post →

阴影

使用 box-shadow 工具集为元素添加或删除阴影。

示例

该工具可以让你控制两平面之间沿 z 轴方向的相对深度,或者说距离。 默认情况下的高度为25。

boxShadow=0
boxShadow=1
boxShadow=2
boxShadow=3
<Box boxShadow={0}>…
<Box boxShadow={1}>…
<Box boxShadow={2}>…
<Box boxShadow={3}>…

API

import { shadows } from '@material-ui/system';
导入名称 属性 CSS 属性 Theme key
boxShadow boxShadow box-shadow shadows