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

@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;
}
}