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>

Copyright © 2020-2024 MudBlazor.

Powered by .NET 8.0.8

An error has occurred. This application may no longer respond until reloaded. Reload 🗙