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

Shadows

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

Example

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

API

import { shadows } from '@material-ui/system';
Import name Prop CSS property Theme key
boxShadow boxShadow box-shadow shadows