Skip to content

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

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.

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