diff --git a/src/Connected.Components.Showcase/Pages/DrawerShowcase.razor b/src/Connected.Components.Showcase/Pages/DrawerShowcase.razor
new file mode 100644
index 0000000..445bff2
--- /dev/null
+++ b/src/Connected.Components.Showcase/Pages/DrawerShowcase.razor
@@ -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;
+    }
+}