@page "/"
<MatDrawerContainer Style="width: 100vw; height: 100vh;">
<MatDrawer bind-Opened="@Opened">
<MatList SingleSelection="true">
<MatListItem>
<MatListItemText>
Dashboard
</MatListItemText>
</MatListItem>
<MatListItem Href="counter">
<MatListItemText>
Counter
</MatListItemText>
</MatListItem>
<MatListItem>
<MatListItemText>
Settings
</MatListItemText>
</MatListItem>
</MatList>
</MatDrawer>
<MatDrawerContent>
<div>
<MatAppBarContainer>
<MatAppBar Fixed="false">
<MatAppBarRow>
<MatAppBarSection>
<MatIconButton Icon="menu" OnClick="@((e) => ButtonClicked())"></MatIconButton>
<MatAppBarTitle>Blazor Material</MatAppBarTitle>
</MatAppBarSection>
<MatAppBarSection Align="@MatAppBarSectionAlign.End">
<MatIconButton Icon="account_circle"></MatIconButton>
</MatAppBarSection>
</MatAppBarRow>
</MatAppBar>
</MatAppBarContainer>
</div>
<p>Page Content</p>
</MatDrawerContent>
</MatDrawerContainer>
@functions
{
bool Opened = false;
void ButtonClicked()
{
Opened = !Opened;
}
}