Feedback - Alerts | Crossroads Digital Design Kit

UI Components / Feedback

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

Wrap any text in .alert and a contextual class to create an alert message.


.alert-success
<div class="alert alert-success" role="alert">Nulla vitae elit libero, a pharetra augue.</div>

.alert-info
<div class="alert alert-info" role="alert">Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</div>

.alert-warning
<div class="alert alert-warning" role="alert">Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</div>

.alert-danger
<div class="alert alert-danger" role="alert">Etiam porta sem malesuada magna mollis euismod.</div>