Перейти к контенту

Paper

В Material Design физические свойства бумаги переводятся на экран.

The background of an application resembles the flat, opaque texture of a sheet of paper, and an application's behavior mimics paper's ability to be re-sized, shuffled, and bound together in multiple sheets.

Basic paper

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

Variants

If you need an outlined surface, use the variant prop.

<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