Paper

A surface for grouping other components, generally used for foregrounds and can be combined with Flex for layout.

It is generally used for foregrounds but can also be combined with Flex for layout.

Rendered in 0 ms
Material Design

Paper can represent a surface from the Material Foundation. Even if you are not designing something "material", the foundations of Material Design are a pillar of MudBlazor and provide useful insight into how many components operate.

Component

<MudPaper Class="pa-16 ma-2" Elevation="0"></MudPaper>
<MudPaper Class="pa-16 ma-2"></MudPaper>
<MudPaper Class="pa-16 ma-2" Elevation="3"></MudPaper>
Variants

If you need an outlined or square surface, use the Outlined or Square properties respectively.

<MudPaper Class="pa-16 ma-2" Outlined="true"></MudPaper>
<MudPaper Class="pa-16 ma-2" Outlined="true" Square="true"></MudPaper>
<MudPaper Class="pa-16 ma-2" Square="true"></MudPaper>
An unhandled error has occurred. Reload 🗙