Paper
The Paper component provides an elevated surface for displaying content. It mimics the behavior of real-world surfaces with shadow effects, supporting Material Design's elevation system.
The Paper component is useful for designs that require elevated surfaces, such as cards or modals, and offers multiple configuration options like elevation, variants, and corner styles.
Elevation
Paper can be configured with different elevation levels to establish a visual hierarchy. The elevation prop determines the shadow depth, with values ranging from 0 (no shadow) to 24 (maximum shadow).
Paper with Elevation 3
Outlined
For designs requiring minimal shadows, the outlined variant can be used instead of the default elevated one.
Outlined Paper Variant
Corners
The Paper component has rounded corners by default, but you can use the square prop to remove rounding.
Square Corners