Paper is a useful and flexible way to shape other components without needing css or style. It is generally used for foregrounds but can also be combined with Flex for layout.

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.


<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>


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

<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 error has occurred. This application may no longer respond until reloaded. Reload 🗙