---
categories: [Widgets]
layout: page
title: Alerts
resource: true
---
{% include widgets/communication/alert-danger.html %}
{% include widgets/communication/alert-warning.html %}
      <div class="alert alert-success">
        <span class="pficon pficon-ok"></span>
        <strong>Great job!</strong> This is really working out <a href="#" class="alert-link">great for us</a>.
      </div>
      <div class="alert alert-info">
        <span class="pficon pficon-info"></span>
        <strong>This is some general information.</strong> You should <a href="#" class="alert-link">know about this</a>.
      </div>
      <hr>
{% include widgets/communication/alert-danger-dismissable.html %}
{% include widgets/communication/alert-warning-dismissable.html %}
{% include widgets/communication/alert-success-dismissable.html %}
{% include widgets/communication/alert-info-dismissable.html %}

      <hr>
{% include widgets/communication/alert-success-button.html %}
