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