You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.9 KiB
42 lines
1.9 KiB
@page "/components/alert"
|
|
|
|
@using Connected.Components;
|
|
|
|
<ThemeProvider></ThemeProvider>
|
|
|
|
|
|
<Grid>
|
|
<Item md="4" xs="12">
|
|
<Alert Severity="Severity.Normal" ClassList="my-2 justify-end dense" CloseGlyphVisible="true">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>
|