Element
 Alerts
  Basic alerts 
 
Just to inform you about something..
 
Just to inform you about something..
 
Just to inform you about something..
 
Just to inform you about something..
 
Just to inform you about something..
  Notification example 
 Alert elements can be used as notification by putting them inside .notifications element.
Example function to show notification.
let $notificationContainer = document.getElementById("notifications");
if (!$notificationContainer) {
  $notificationContainer = document.createElement("div");
  $notificationContainer.className = "notifications";
  document.body.appendChild($notificationContainer);
}
function notify(message, type = "", timeout = 3_000) {
  const $notification = document.createElement("div");
  $notification.className = ["alert", type && "alert--" + type].join(" ");
  $notification.innerText = message;
  $notificationContainer.appendChild($notification);
  setTimeout(function() {
    $notification.remove();
  }, timeout)
}
<button class="button" onclick="notify('Successfully showed notification.', 'success')">
  Show Notification
</button>
The example script is already included in src/main.js.
 darki
darki
