Expansion Panels

Simple Usage

Panel One
Panel One Content
Panel Two
Panel Two Content
Panel Three
Panel Three Content
Panel Four
Panel Four Content
<MudExpansionPanels>
    <MudExpansionPanel Text="Panel One" MaxHeight="150" IsExpanded="true">
        Panel One Content
    </MudExpansionPanel>
    <MudExpansionPanel Text="Panel Two" MaxHeight="500">
        Panel Two Content
    </MudExpansionPanel>
    <MudExpansionPanel Text="Panel Three" MaxHeight="1000">
        Panel Three Content
    </MudExpansionPanel>
    <MudExpansionPanel Text="Panel Four">
        Panel Four Content
    </MudExpansionPanel>
</MudExpansionPanels>
Multiple Expanded Panels

Multiple expansion panels can be opened at the same time by setting MultiExpansion.

Panel One
Panel One Content
Panel Two
Panel Two Content
Panel Three
Panel Three Content
Panel Four
Panel Four Content
<MudExpansionPanels MultiExpansion="true">
    <MudExpansionPanel Text="Panel One">
        Panel One Content
    </MudExpansionPanel>
    <MudExpansionPanel Text="Panel Two">
        Panel Two Content
    </MudExpansionPanel>
    <MudExpansionPanel Text="Panel Three">
        Panel Three Content
    </MudExpansionPanel>
    <MudExpansionPanel Text="Panel Four">
        Panel Four Content
    </MudExpansionPanel>
</MudExpansionPanels>

Copyright © 2020-2025 MudBlazor.

Powered by .NET 8.0.12

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