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.
Connected.Components/Components/Alert/Alert.razor

26 lines
538 B

@namespace Connected.Components
@inherits UIComponent
<div @attributes="UserAttributes" role="alert" class="@ClassList" Style="@Style" @onclick="OnClick">
<div class="@ClassPosition">
@if (!GlyphVisible)
{
<div class="alert-icon alert-icon-left">
<Icon Glyph="@Glyph" />
</div>
}
<div class="alert-message">
@ChildContent
</div>
</div>
@if (CloseGlyphVisible)
{
<div class="alert-close">
<ToggleIconButton Glyph="@CloseGlyph" @onclick="OnCloseGlyphClick" Size="Size.Small" />
</div>
}
</div>