Blazor section

Index.razor

@page "/"

<PageTitle>Index</PageTitle>

<MudText Typo="Typo.h3" GutterBottom="true">Hello, world!</MudText>

<Section>
    <Menu>
        <MudIconButton Icon="@Icons.Material.Filled.Person" Color="Color.Inherit" Link="" />
    </Menu>
</Section>

ISectionCallback.cs

public interface ISectionCallback
{
    void SetMenu(RenderFragment value);
}

MainLayout.razor

@inherits LayoutComponentBase
@implements ISectionCallback

<CascadingValue Value="this">
    <MudLayout>
        <MudAppBar Dense="true">
            <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" />
            <MudSpacer />
            @menu
        </MudAppBar>
        <MudDrawer @bind-Open="drawerOpen" Elevation="1">
            <MudDrawerHeader Dense="true">
                <MudText Typo="Typo.h6">Section</MudText>
            </MudDrawerHeader>
            <NavMenu />
        </MudDrawer>
        <MudMainContent>
            <MudContainer MaxWidth="MaxWidth.Large" Class="my-2 pt-2">
                @Body
            </MudContainer>
        </MudMainContent>
    </MudLayout>
</CascadingValue>

@code {
    private RenderFragment? menu;

    public void SetMenu(RenderFragment? value)
    {
        menu = value;
        StateHasChanged();
    }
}

Section.razor

public sealed class Section : ComponentBase, IDisposable
{
    [CascadingParameter]
    public ISectionCallback Callback { get; set; } = default!;

    [Parameter]
    public RenderFragment Menu { get; set; } = default!;

    protected override void OnInitialized()
    {
        Callback.SetMenu(Menu);
    }

    public void Dispose()
    {
        Callback.SetMenu(null);
    }
}