Paper

In Material Design, the physical properties of paper are translated to the screen.

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.

Feedback
Bundle size
Sketch
Figma

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 />

API

<Paper />