---
title: Componente React Paper
components: Paper
---

# Paper

<p class="description">No Material Design, as propriedades físicas de um papel são traduzidas para a tela. </p>

O fundo da aplicação simboliza a lisa e opaca textura de uma folha de papel. O comportamento da aplicação imita a habilidade de ser redimensionada, embaralhada e conectada juntamente de diversas folhas.

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

## Variantes

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

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