MudBlazor

Container

A simple component to center content. Choose between fluid or fixed.

Fluid

You can set the max width with the MaxWidth enum.

<MudPaper Height="400px" Width="100%">
    <MudContainer MaxWidth="MaxWidth.Small">
        <MudPaper Height="400px" Width="100%" Square="true" Class="mud-theme-primary"></MudPaper>
    </MudContainer>
</MudPaper>

Fixed

With the Fixed property set to true the container will "snap" to the closest breakpoint.

<MudPaper Height="400px" Width="100%">
    <MudContainer Fixed="true">
        <MudPaper Height="400px" Width="100%" Square="true" Class="mud-theme-primary"></MudPaper>
    </MudContainer>
</MudPaper>
An error has occurred. This application may no longer respond until reloaded. Reload 🗙