Saltar al contenido

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

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.

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';
Nombre del import Prop Propiedad CSS Clave del tema
boxShadow boxShadow box-shadow shadows