Alert!
Danger alert preview. This alert is dismissable.
Alert!
Info alert preview. This alert is dismissable.
Alert!
Warning alert preview. This alert is dismissable.
Alert!
Success alert preview. This alert is dismissable.
I am a danger callout!
Danger callout preview. This callout is dismissable.
I am an info callout!
Info callout preview. This callout is dismissable.
I am a warning callout!
Warning callout preview. This callout is dismissable.
I am a success callout!
Success callout preview. This callout is dismissable.
Alert!
Danger alert preview. This alert is dismissable.
Alert!
Info alert preview. This alert is dismissable.
Alert!
Warning alert preview. This alert is dismissable.
Alert!
Success alert preview. This alert is dismissable.
<mk-alert backgroundColor="info">
<h4><i class="icon fa fa-info"></i> Alert!</h4>
Info alert preview. This alert is dismissable.
</mk-alert>
<mk-alert backgroundColor="warning" [isDismissible]="false" [dismissOnTimeout]="3000">
<h4><i class="icon fa fa-info"></i> Alert!</h4>
Info alert preview. This alert is dismissable.
</mk-alert>
Name |
Type |
Default |
Description |
backgroundColor |
string (default | primary | success | info | warning | danger | rgb | rgba | hex) |
danger |
The alert background color. |
callout |
boolean |
false |
Defines if the alert style is callout style. |
color |
string (green | aqua | light-blue | red | yellow | mutted | rgb | rgba | hex) |
null |
The alert font color. |
dismissOnTimeout |
number |
null |
Time to display the alert in milliseconds before removing it. |
isDismisible |
boolean |
true |
Defines if the alert can be dissmised. |
styleClass |
number |
null |
The alert Style classes. |
Name |
Parameters |
Description |
onCollapseStart |
event: browser event |
Callback to invoke before alert toggle |
onCollapseDone |
event: browser event |
Callback to invoke after alert toggle |