Skip to content

Shadows

Add or remove shadows to elements with box-shadow utilities.

Example

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';
Import name Prop CSS property Theme key
boxShadow boxShadow box-shadow shadows