The alert component is used to provide visual feedback to the user. This can be used to provide the user with either confirmation messages that a record has been saved, warning messages that an error occurred, or an information message based on a system event.

Default

<alert message="@@Model.Message"></alert>

With Header

<alert header="@@Model.Header" message="@@Model.Message">
</alert>

Icon Modes

Code:

<alert message="Payment has been processed." icon="success">
</alert>
<alert message="Customer information has been saved." icon="info">
</alert>
<alert message="Your account has expired." icon="danger">
</alert>
<alert message="Unable to save customer info." icon="warning">
</alert>

Dismissable Alert

<alert message="Click on the  button to send a test email."
       dismissible="true"
       icon="info">
</alert>

Html Text in Message

<alert message="Click on the <b>Test</b> button to send a test email."
       message-as-html="true"
       icon="info" dismissible="true">
</alert>

No Icon

<alert message="@@Model.Message"> icon="none" alert-class="info"</alert>