跳转到内容

阴影

使用box-shadow实用程序为元素添加或删除阴影。

示例

The helpers allow you to control relative depth, or distance, between two surfaces along the z-axis. By default, there is 25 elevation levels.

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';
导入名称 Prop CSS 属性 Theme key
boxShadow boxShadow box-shadow shadows