---
title: React Paper component
components: Paper
---

# Paper

<p class="description">In Material Design werden die physikalischen Eigenschaften von Papier auf den Bildschirm übertragen. </p>

Der Hintergrund einer Anwendung ähnelt der flachen, undurchsichtigen Textur eines Blattes Papier, und das Verhalten einer Anwendung ahmt die Fähigkeit des Papiers nach, seine Größe zu ändern, neu zu mischen und in mehreren Blättern zusammengefasst zu werden.

{{"demo": "pages/components/paper/SimplePaper.js", "bg": true}}

## Varianten

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

{{"demo": "pages/components/paper/Variants.js", "bg": "inline"}}