You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

36 lines
1.1 KiB

3 years ago
@inherits LayoutComponentBase
<MudThemeProvider />
<MudDialogProvider />
<MudSnackbarProvider />
<MudLayout>
<MudAppBar Elevation="1">
<MudIconButton Icon="@Icons.Custom.Brands.GitHub" Color="Color.Inherit" Link="https://github.com/MudBlazor/MudBlazor" Target="_blank" />
</MudAppBar>
<MudDrawer @bind-Open="@open" ClipMode="DrawerClipMode.Always" Variant="@DrawerVariant.Persistent" Elevation="2">
<NavMenu />
</MudDrawer>
<MudMainContent>
<MudToolBar>
<MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@ToggleDrawer" />
<MudBreadcrumbs Items="_items"></MudBreadcrumbs>
</MudToolBar>
<MudContainer MaxWidth="MaxWidth.ExtraExtraLarge">
@Body
</MudContainer>
</MudMainContent>
</MudLayout>
@code {
bool open = false;
void ToggleDrawer()
{
open = !open;
}
private List<BreadcrumbItem> _items = new List<BreadcrumbItem>
{
new BreadcrumbItem("Home", href: "#"),
new BreadcrumbItem("Link 1", href: "#"),
};
}