Alert

Provide contextual feedback messages for typical user actions with a handful of available and flexible Bootstrap Alert messages. The Bocons Tag Helper fully supports the Bootstrap Alert component.

Bocons Alert
<alert>
    This is a primary alert—check it out!
</alert>

Alert Configuration <alert>

Color

For proper styling of an alert use the bc-color attribute.

Alert Colors
<alert bc-color="Primary">
    This is a primary alert—check it out!
</alert>
<alert bc-color="Secondary">
    This is a secondary alert—check it out!
</alert>
<alert bc-color="Success">
    This is a success alert—check it out!
</alert>
<alert bc-color="Danger">
    This is a danger alert—check it out!
</alert>
<alert bc-color="Warning">
    This is a warning alert—check it out!
</alert>
<alert bc-color="Info">
    This is a info alert—check it out!
</alert>
<alert bc-color="Light">
    This is a light alert—check it out!
</alert>
<alert bc-color="Dark">
    This is a dark alert—check it out!
</alert>

Dismissible

Use the bc-dismissible attribute to dismiss any alert inline.

Dismissible Alert
<alert bc-color="Warning" bc-dismissible="true">
    You should check in on some of those fields below.
</alert>

Title

Use the bc-title attribute to add a title for the alert in addition to the content.

Alert with Title
<alert bc-color="Info" bc-title="Holy guacamole!">
    You should check in on some of those fields below.
</alert>