Web Components Library

Notification Banner: Default

No notes defined.

  • Handle: @fractal-notifications--default
  • Preview:
  • Filesystem Path: components/10-other-examples/testing-playground/fractal/notifications/notifications.hbs 
<!-- notification.hbs -->
<div class="notification notification--default">
    <p class="notification-message">This is the default 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": "default",
  "closeButtonText": "close",
  "message": "This is the default banner"
}