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.
Types
Paper can be configured with different elevation levels to establish a visual hierarchy, and it also supports a flat, outlined variant.
Elevation
The elevation prop determines the shadow depth, with values ranging from 0 (no shadow) to 24 (maximum shadow).
Outlined
For designs requiring minimal shadows, the outlined variant can be used instead of the default elevated one.
Corners
The Paper component has rounded corners by default, but you can use the square prop to remove rounding.
