Pular para o conteúdo

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

Sombras

Adicione ou remova sombras dos elementos usando os utilitários box-shadow.

Exemplo

Os utilitários permitem que você controle a profundidade ou distância relativa entre duas superfícies ao longo do eixo z. Por padrão, há 25 níveis de elevação.

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';
Nome da importação Propriedade Propriedade CSS Chave do tema
boxShadow boxShadow box-shadow shadows