Alerts

Alerts are boxes styled in such a way that they attract the attention of the user which makes them ideal to provide important information to the user. Alerts are often used on a page header, footer or as popup.

Examples

Ok

<div class="log-msg log-msg-status-ok"><i class="fa fa-check"></i>This is ok</div>

Advanced

<div class="log-msg log-msg-status-ok">
    <h1 class="log-msg-title">This is a Title</h1><i class="close fa fa-times"></i>
    <div class="log-msg-content">This is a message</div>
</div>

Info

<div class="log-msg log-msg-status-info"><i class="fa fa-bell"></i>This is a info</div>

Warning

<div class="log-msg log-msg-status-warning"><i class="fa fa-exclamation-triangle"></i>This is a warning</div>

Error

<div class="log-msg log-msg-status-error"><i class="fa fa-times"></i>This is an error</div>

1.2 KiB Raw Blame History