Notification

Import: @bnotk/dsx/css/notification.css

Live Preview

Classes

Class	Description
`.dsx-notification`	Base notification group
`.dsx-notification__item--info`	Info notification item
`.dsx-notification__item--success`	Success notification item
`.dsx-notification__item--warning`	Warning notification item
`.dsx-notification__item--error`	Error notification item

Examples

<div class="dsx-notification">
  <div class="dsx-notification__item--info">
    <p>A planned maintenance window starts tonight at 22:00.</p>
  </div>
  <div class="dsx-notification__item--success">
    <p>Your profile updates were saved successfully.</p>
  </div>
  <div class="dsx-notification__item--warning">
    <p>Two invoices are still waiting for approval.</p>
  </div>
  <div class="dsx-notification__item--error">
    <p>The export could not be completed.</p>
  </div>
</div>