# Paper
The underlying surface of material in Material Design.

**Material documentation:**
[Surfaces](https://material.io/design/environment/surfaces.html)

**Selector:**
og-paper

**Use:**
`<og-paper></og-paper>`

## Module
```javascript
import { PaperModule } from '@opensesame/opensesameui';
```

## Types
```javascript
import { PaperProps } from '@opensesame/opensesameui';
import { PaperClasses } from '@opensesame/opensesameui';
```

## Props
Name | Type | Default | Description
---- | ---- | ------- | -----------
classes | object | | Override or extend the styles applied to the component.
className | string | | Class(es) applied to the component.
elevation | number &#124; string | 1 | Shadow depth. It accepts values between 0 and 24 inclusive.
square | boolean &#124; string | false | if `true`, rounded corners are disabled.
variant | 'elevation' &#124; 'outlined' | 'elevation' | The component variant.

## Classes
Rule name | Class | Description
--------- | ----- | -----------
root | .og-paper-root | Styles applied to the root element.
rounded | .og-paper-rounded | Styles applied to the root element if `square="false"`.
outlined | .og-paper-outlined | Styles applied to the root element if `variant="outlined"`.
elevation0 | .og-paper-elevation0 | |
elevation1 | .og-paper-elevation1 | |
elevation2 | .og-paper-elevation2 | |
elevation3 | .og-paper-elevation3 | |
elevation4 | .og-paper-elevation4 | |
elevation5 | .og-paper-elevation5 | |
elevation6 | .og-paper-elevation6 | |
elevation7 | .og-paper-elevation7 | |
elevation8 | .og-paper-elevation8 | |
elevation9 | .og-paper-elevation9 | |
elevation10 | .og-paper-elevation10 | |
elevation11 | .og-paper-elevation11 | |
elevation12 | .og-paper-elevation12 | |
elevation13 | .og-paper-elevation13 | |
elevation14 | .og-paper-elevation14 | |
elevation15 | .og-paper-elevation15 | |
elevation16 | .og-paper-elevation16 | |
elevation17 | .og-paper-elevation17 | |
elevation18 | .og-paper-elevation18 | |
elevation19 | .og-paper-elevation19 | |
elevation20 | .og-paper-elevation20 | |
elevation21 | .og-paper-elevation21 | |
elevation22 | .og-paper-elevation22 | |
elevation23 | .og-paper-elevation23 | |
elevation24 | .og-paper-elevation24 | |