Notifications

The notifications module must be placed inside .app-layout to function correctly. Notifications use Slideover to toggle its visibility.

Note

Please note that this preview overrides some styles for it to be shown inline.

Files

app/views/modules/notification-slideover/_notification-slideover.pug

Notifications

Example:
Code:
<div class="slideover" id="notifications" data-toggle-expand="" aria-expanded="false">
  <div class="pane">
    <div class="pane__header">
      ...
    </div>
    <div class="pane__body">                  

        <ul class="list">
          <li class="list__item list__item--clickable">
            ...
          </li>
          
          ...
        </ul>

    </div>
    
  </div>
</div>