Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Example:

Actosketch Bootstrap Alert component

HTML:

<div class="alert alert-success alert-dismissible fade show">
    <a href="#" role="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></a>
    <strong>Well done!</strong> You successfully read this important alert message.
</div>
<div class="alert alert-info alert-dismissible fade show">
    <a href="#" role="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></a>
    <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>
<div class="alert alert-warning alert-dismissible fade show">
    <a href="#" role="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></a>
    <strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>
<div class="alert alert-danger alert-dismissible fade show">
    <a href="#" role="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></a>
    <strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>