Flex Shrink

Utilities for controlling how flex items shrink.

Class Properties
flex-shrink-0 flex-shrink: 0;
flex-shrink-1 flex-shrink: 1;
Basic Usage
Shrink

<div class="d-flex flex-grow-1 gap-4">
    <MudPaper Class="flex-none py-8 mud-theme-primary" Width="64px" Elevation="0"/>
    <MudPaper Class="flex-shrink-1 py-8 mud-theme-primary" Width="100%" Elevation="0"/>
    <MudPaper Class="flex-none py-8  mud-theme-primary" Width="64px" Elevation="0"/>
</div>
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 🗙