Pular para o conteúdo

Paper

No Material Design, as propriedades físicas de um papel são traduzidas para a tela.

O fundo de uma aplicação se assemelha a textura lisa e opaca de uma folha de papel e o comportamento de uma aplicação imita a habilidade do papel de ser redimensionado, embaralhado e amontoado em várias folhas.

Variantes

<Paper elevation={0} />
<Paper />
<Paper elevation={3} />

Variantes

Se você precisar de uma superfície delineada, use a propriedade variant.

<Paper variant="outlined" />
<Paper variant="outlined" square />

Elevation

The elevation can be used to establish a hierachy between other content. In practical terms, the elevation controls the size of the shadow applied to the surface. In dark mode, raising the elevation also makes the surface lighter.

elevation=0
elevation=1
elevation=2
elevation=3
elevation=4
elevation=6
elevation=8
elevation=12
elevation=16
elevation=24
elevation=0
elevation=1
elevation=2
elevation=3
elevation=4
elevation=6
elevation=8
elevation=12
elevation=16
elevation=24