Alert

Important feedback using <div role="alert"> and @utility alert-* classes.

Error

Something went wrong while connecting to the server.

Success

Your profile has been updated successfully.

Usage

alert.html

<div role="alert" class="alert color-group-danger">
  <div>
    <div class="alert-title">Error</div>
    <div class="alert-description">Something went wrong while connecting to the server.</div>
  </div>
</div>

<div role="alert" class="alert color-group-success">
  <div>
    <div class="alert-title">Success</div>
    <div class="alert-description">Your profile has been updated successfully.</div>
  </div>
</div>