WIP: Add more examples of Alerts

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>