Web Components Library

Notification Banner: Success

No notes defined.

  • Handle: @fractal-notifications--success
  • Preview:
  • Filesystem Path: components/10-other-examples/testing-playground/fractal/notifications/notifications.hbs 
<!-- notification.hbs -->
<div class="notification notification--success">
    <p class="notification-message">This is a success banner</p>
    <a class="notification-close" href="#">close</a>
</div>
 
<!-- notification.hbs -->
<div class="notification notification--{{ modifier }}">
    <p class="notification-message">{{ message }}</p>
    <a class="notification-close" href="#">{{ closeButtonText }}</a>
</div>
 
{
  "modifier": "success",
  "closeButtonText": "close",
  "message": "This is a success banner"
}