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.
29 lines
1.0 KiB
29 lines
1.0 KiB
3 years ago
|
@inherits LayoutComponentBase
|
||
|
|
|
||
|
|
<MudThemeProvider />
|
||
|
|
<MudDialogProvider />
|
||
|
|
<MudSnackbarProvider />
|
||
|
|
|
||
|
|
<MudPaper Height="200px" Style="overflow:hidden; position:relative;">
|
||
|
|
<MudDrawerContainer Class="mud-height-full">
|
||
|
|
<MudDrawer @bind-Open="@open" Fixed="false" Elevation="1" Variant="@DrawerVariant.Mini" OpenMiniOnHover="true">
|
||
|
|
<MudNavMenu>
|
||
|
|
<MudNavLink Match="NavLinkMatch.All" Icon="@Icons.Filled.Store">Store</MudNavLink>
|
||
|
|
<MudNavLink Match="NavLinkMatch.All" Icon="@Icons.Filled.LibraryBooks">Library</MudNavLink>
|
||
|
|
<MudNavLink Match="NavLinkMatch.All" Icon="@Icons.Filled.Group">Community</MudNavLink>
|
||
|
|
</MudNavMenu>
|
||
|
|
</MudDrawer>
|
||
|
|
<div class="d-flex justify-center align-center mud-height-full">
|
||
|
|
<MudButton OnClick="@ToggleDrawer" Color="Color.Primary">Toggle</MudButton>
|
||
|
|
</div>
|
||
|
|
</MudDrawerContainer>
|
||
|
|
</MudPaper>
|
||
|
|
@code
|
||
|
|
{
|
||
|
|
bool open = false;
|
||
|
|
|
||
|
|
void ToggleDrawer()
|
||
|
|
{
|
||
|
|
open = !open;
|
||
|
|
}
|
||
|
|
}
|