Mudblazor

Community Support

Discord

Gitter

Tools and resources

TryMudBlazor

Templates

Sponsor

Open Collective


Switch to Blazor wasm
Toggle light/dark theme
GitHub repository
Toggle right-to-left/left-to-right

Community Support

Discord

Gitter

Tools and resources

TryMudBlazor

Templates

Sponsor

Open Collective

Paper

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

See Paper API for parameter documentation.

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

Hide code example
Edit on TryMudBlazor
Copy Code
View the source on GitHub
<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 surface or a square, use the variant property.

Hide code example
Edit on TryMudBlazor
Copy Code
View the source on GitHub
<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 🗙