Saltar al contenido

🎉 Material UI v5 is out! Head to the migration guide to get started.

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