Web Components Library

Notification Banner: Warning

No notes defined.

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