Mozilla Protocol
  • 19.1.0

Notification Bar: Success

Use the class mzp-t-success for a positive notification, to indicate a successful action. This example also features a close button (the button isn’t functional, it’s just for demonstration).

<aside class="mzp-c-notification-bar mzp-t-success">
    <button class="mzp-c-notification-bar-button" type="button">Close notification</button>
    <p>Success! Celebrate small victories.</p>
</aside>