Align Content

Controlling how rows are positioned in flex and grid containers.

Class Properties
align-content-center align-content: center;
align-content-end align-content: flex-end;
align-content-space-around align-content: space-around;
align-content-space-between align-content: space-between;
align-content-start align-content: flex-start;
align-content-stretch align-content: stretch;
Basic Usage
Start

<MudPaper Class="d-flex align-content-start flex-wrap flex-grow-1 gap-4" MaxWidth="608px" Height="320px" Elevation="0">
    <MudPaper Class="mud-theme-primary" Width="128px" Height="64px"/>
    <MudPaper Class="mud-theme-primary" Width="128px" Height="64px"/>
    <MudPaper Class="mud-theme-primary" Width="128px" Height="64px"/>
    <MudPaper Class="mud-theme-primary" Width="128px" Height="64px"/>
    <MudPaper Class="mud-theme-primary" Width="128px" Height="64px"/>
</MudPaper>
Applying conditionally

Copyright © 2020-2024 MudBlazor.

Powered by .NET 8.0.8

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