MudBlazor - Blazor Component Library

Class	Properties
flex-1	flex: 1 1 0%;
flex-auto	flex: 1 1 auto;
flex-initial	flex: 0 1 auto;
flex-none	flex: none;

Basic Usage

Initial

Allows a flex item to shrink but not grow, taking into account of its initial size.

<div class="d-flex flex-grow-1 gap-4">
    <MudPaper Class="flex-none d-flex py-8 mud-theme-primary" Width="64px" Elevation="0"/>
    <MudPaper Class="flex-initial d-flex py-8 mud-theme-primary" Width="40%" Elevation="0"/>
    <MudPaper Class="flex-initial d-flex py-8  mud-theme-primary" Width="25%" Elevation="0"/>
</div>

Flex

Basic Usage

Initial

Applying conditionally