From a32c588e82214a7b3d7130aae20c1be709d88f2b Mon Sep 17 00:00:00 2001
From: Jordan-Tompit <janko.jordan@tompit.com>
Date: Wed, 21 Dec 2022 16:08:48 +0100
Subject: [PATCH] WIP: Add more examples of Alerts

---
 .../Pages/AlertShowcase.razor                 | 37 ++++++++++++++++++-
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/src/Connected.Components.Showcase/Pages/AlertShowcase.razor b/src/Connected.Components.Showcase/Pages/AlertShowcase.razor
index 32127d1..c712272 100644
--- a/src/Connected.Components.Showcase/Pages/AlertShowcase.razor
+++ b/src/Connected.Components.Showcase/Pages/AlertShowcase.razor
@@ -4,5 +4,38 @@
 
 <ThemeProvider></ThemeProvider>
 
-<Alert Severity="Severity.Error" Variant="Variant.Filled" Dense="true">This is an alert</Alert>
-<Alert Severity="Severity.Error" Variant="Variant.Filled" Alignment="HorizontalAlignment.End">This is another alert</Alert>
+
+<Grid>
+    <Item md="4" xs="12">
+        <Alert Severity="Severity.Normal" ClassList="my-2 justify-end dense">Default Square</Alert>
+        <Alert Severity="Severity.Info" ClassList="my-2">Info Square</Alert>
+        <Alert Severity="Severity.Success" ClassList="my-2">Success Square</Alert>
+        <Alert Severity="Severity.Warning" ClassList="my-2">Warning Square</Alert>
+        <Alert Severity="Severity.Error" ClassList="my-2">Error Square</Alert>
+    </Item>
+    <Item md="4" xs="12">
+        <Alert Severity="Severity.Normal" Variant="Variant.Outlined" GlyphVisible="true" CloseGlyphVisible="true"
+            ClassList="my-2 justify-end elevation-1">
+            Default Square
+        </Alert>
+        <Alert Severity="Severity.Info" Variant="Variant.Outlined" GlyphVisible="true"
+            ClassList="my-2 rounded-xl justify-center">
+            Info Square
+        </Alert>
+        <Alert Severity="Severity.Success" Variant="Variant.Outlined" ClassList="my-2">Success Square
+        </Alert>
+        <Alert Severity="Severity.Warning" Variant="Variant.Outlined" ClassList="my-2">Warning Square
+        </Alert>
+        <Alert Severity="Severity.Error" Variant="Variant.Outlined" ClassList="my-2">Error Square</Alert>
+    </Item>
+    <Item md="4" xs="12">
+        <Alert Severity="Severity.Normal" Variant="Variant.Filled" ClassList="mb-2 mt-3">Default Square
+        </Alert>
+        <Alert Severity="Severity.Info" Variant="Variant.Filled" ClassList="my-2">Info Square</Alert>
+        <Alert Severity="Severity.Success" Variant="Variant.Filled" ClassList="my-2">Success Square
+        </Alert>
+        <Alert Severity="Severity.Warning" Variant="Variant.Filled" ClassList="my-2">Warning Square
+        </Alert>
+        <Alert Severity="Severity.Error" Variant="Variant.Filled" ClassList="my-2">Error Square</Alert>
+    </Item>
+</Grid>