Shadows

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

Example

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

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

API

import { shadows } from '@material-ui/system';