Connected/Connected.Components
14
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Drawer showcase page

Browse Source
This commit is contained in:
Janko Jordan 2023-01-12 15:36:48 +01:00
parent 9f1214fd9f
commit 25606b926b
1 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/Connected.Components.Showcase/Pages/DrawerShowcase.razor Normal file
View File

@ -0,0 +1,36 @@
@page "/components/drawer"
@using Connected.Components;
<ThemeProvider></ThemeProvider>
<Layout>
<AppBar Elevation="1">
<Button Icon="Icons.Material.Filled.Menu" Edge="Edge.Start" OnClick="ToggleDrawer">aa</Button>
</AppBar>
<Drawer @bind-Open="_drawerOpen" Elevation="2" Variant="DrawerVariant.Mini" ClassList="info">
<DrawerHeader>
<Text Typo="Typo.h5" Class="mt-1">Application</Text>
</DrawerHeader>
<NavMenu>
<Alert Severity="Severity.Normal" Variant="Variant.Outlined" GlyphVisible="true" ClassList="my-2 border-0">Production</Alert>
<Alert Severity="Severity.Normal" Variant="Variant.Outlined" GlyphVisible="true" ClassList="my-2 border-0">Production</Alert>
</NavMenu>
</Drawer>
<MainContent>
<Container>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam fuga necessitatibus illum non earum aperiam consequuntur odit odio a laborum!
<Button OnClick="_ToggleDrawer" Color="Color.Primary">Toggle</Button>
</Container>
</MainContent>
</Layout>
@code {
bool _drawerOpen = true;
void DrawerToggle()
{
_drawerOpen = !_drawerOpen;
}
}