Sombras

Añade o elimina sombras de elementos con las propiedades de box-shawdow.

Ejemplo

Los asistentes te permiten controlar la profundidad relativa, o la distancia entre dos superficies a lo largo del eje-z. Por defecto, hay 25 niveles de elevación.

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

API

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