2 :
Alerts and Notifications

Alerts are an error or frustration avoidance element. They prompt the member to take action in order to avoid a possible mistake.

Consult the Sears Patterns Library for more information:

Feedback Messages

.feedback-message.success
.feedback-message.success with optional close
.feedback-message.alert
.feedback-message.notification
.feedback-message.error
<h4>Feedback Messages</h4>

<h5>.feedback-message.success</h5>
<div class="feedback-message success">
  Success Message. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  Tempora, <a href="#">dignissimos atque</a> temporibus quibusdam placeat omnis
  doloremque autem
</div>

<h5>.feedback-message.success with optional close</h5>
<div class="feedback-message success message-close">
  Success Message. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  Tempora, <a href="#">dignissimos atque</a> temporibus quibusdam placeat omnis
  doloremque autem
</div>

<h5>.feedback-message.alert</h5>
<div class="feedback-message alert">
  Alert Message. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  Tempora, <a href="#">dignissimos atque</a> temporibus quibusdam placeat omnis
  doloremque autem
</div>

<h5>.feedback-message.notification</h5>
<div class="feedback-message notification">
  Notification Message. Lorem ipsum dolor sit amet, consectetur adipisicing
  elit. Tempora, <a href="#">dignissimos atque</a> temporibus quibusdam placeat
  omnis doloremque autem
</div>

<h5>.feedback-message.error</h5>
<div class="feedback-message error">
  Error Message. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  Tempora, <a href="#">dignissimos atque</a> temporibus quibusdam placeat omnis
  doloremque autem
</div>