BlazorFluentUIPractice/BlazorFluentUI/Components/Layout/MainLayout.razor

@inherits LayoutComponentBase

@inject IHostEnvironment HostEnvironment

<FluentLayout>
    <FluentHeader>
        BlazorFluentUI
    </FluentHeader>
    <FluentStack Class="main" Orientation="Orientation.Horizontal" Width="100%">
        <NavMenu />
        <FluentBodyContent Class="body-content">
            <div class="content">
                <FluentMessageBarProvider Section="MESSAGES_TOP" />
                @Body
            </div>
        </FluentBodyContent>
        <FluentDialogProvider />
        <FluentToastProvider MaxToastCount="10" />
    </FluentStack>
    <FluentFooter>
        This site is powered by Blazor and MS Fluent UI
        <FluentSpacer />
        Peace
    </FluentFooter>
</FluentLayout>

<FluentToastProvider />
<FluentDialogProvider />
<FluentTooltipProvider />
<FluentMessageBarProvider />


@* <div id="blazor-error-ui">
    An unhandled error has occurred.
    <a href="" class="reload">Reload</a>
    <a class="dismiss">🗙</a>
</div> *@

<div id="blazor-error-ui" data-nosnippet>
    @if (HostEnvironment.IsProduction())
    {
        <span>An error has occurred.</span>
    }
    else
    {
        <span>An unhandled exception occurred.</span>
    }
    <a href="" class="reload">Reload</a>
    <a class="dismiss">🗙</a>
</div>