MudBlazor - Blazor Component Library

Class	Properties
flex-column	flex-direction: column;
flex-column-reverse	flex-direction: column-reverse;
flex-row	flex-direction: row;
flex-row-reverse	flex-direction: row-reverse;

Basic Usage

Row

<MudPaper Class="d-flex flex-row flex-grow-1 gap-4" Elevation="0">
    <MudPaper Class="mud-theme-primary" Width="64px" Height="64px"/>
    <MudPaper Class="mud-theme-secondary" Width="64px" Height="64px"/>
    <MudPaper Class="mud-theme-secondary" Width="64px" Height="64px"/>
</MudPaper>

Flex Direction

Basic Usage

Row

Applying conditionally