Skip to content

Commit

Permalink
another pass
Browse files Browse the repository at this point in the history
  • Loading branch information
samuelsycamore committed Sep 8, 2023
1 parent 09fe577 commit 3d1eadb
Showing 1 changed file with 6 additions and 2 deletions.
8 changes: 6 additions & 2 deletions docs/data/material/components/paper/paper.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,17 +16,21 @@ materialDesign: https://m2.material.io/design/environment/elevation.html

In Material Design, the physical properties of paper are translated to the screen. Surface components and shadow styles are heavily influenced by their real-world physical counterparts.

Material UI implements this concept with the Paper component, a general container-like surface that features the [`elevation`](#elevation) prop for pulling box-shadow values from the theme.
Material UI implements this concept with the Paper component, a container-like surface that features the [`elevation`](#elevation) prop for pulling box-shadow values from the theme.

:::success
The Paper component is ideally suited for designs that follow [Material Design's elevation system](https://m2.material.io/design/environment/elevation.html#elevation-in-material-design), which is meant to replicate how light casts shadows in the physical world.

If you just need a generic container, you may prefer to use the [Box](/material-ui/react-box/) or [Container](/material-ui/react-container/) components.
:::

{{"demo": "SimplePaper.js", "bg": true}}

## Component

{{"demo": "SimplePaper.js", "bg": true}}
```jsx
import Paper from '@mui/material/Paper';
```

## Customization

Expand Down

0 comments on commit 3d1eadb

Please sign in to comment.