Alerts and Notifications
Enterprise provides four types of feedback messages, available by combining
a contextual class (
.success) with the
An optional close button can be added via
.message-close but please note
For guidelines on deciding which style to use, please consult the Alerts, Errors & Confirmations page of the Sears Patterns Library.
<div class="feedback-message alert"> <strong>Hey, listen!</strong> There's something you <a href="#alerts">need to do</a> or an error will be triggered! </div> <div class="feedback-message notification"> <strong>Please note:</strong> Here is some non-critical information. </div> <div class="feedback-message error"> <strong>Uh oh!</strong> You need to correct <a href="#alerts">these errors</a> to continue. </div> <div class="feedback-message success"> An action has been completed successfully! </div> <div class="feedback-message success message-close"> <strong>Success!</strong> This confirmation has a close button. </div>