Basic Example

Here’s a simple example of a Paper component with default elevation. This creates a surface with a subtle shadow.

Default Paper with Elevation 1

Elevation Example

The elevation prop controls the shadow depth. Use values from 0 to 24 to create varying levels of elevation:

Elevation 0 (No shadow)
Elevation 3
Elevation 8

Variant Example

The Paper component supports two variants: elevation (default) and outlined. The outlined variant removes shadows and adds a border instead:

Elevation Variant (Default)
Outlined Variant (No shadow)

Square and Rounded Corners

By default, the Paper component has rounded corners. You can make it square by setting the square prop to true.

Rounded Corners (Default)
Square Corners