Notifications

All notification will be displayed in the top right corner of the screen.

How does it look like?

You can show notifications with notify function in JavaScript.

        
import notify from "./vendor/pjutils/utils/notification";
 
const defaultNotifyButton = document.querySelector('#notify-default');
 
defaultNotifyButton.addEventListener('click', function () {
    notify('This is a default notification', 'Default');
});    

By default notification will be shown for 5 seconds. You can pass autoHideTimeout parameter to the notify function to change the duration.

        
notify('This is a default notification', 'Default', 'info', true, 10000); // change duration to 10 seconds
notify('This is a default notification', 'Default', 'info', false); // notification will not hide automatically    

Notifications can be of different types. You can pass level parameter to the notify function. Available types are:

Success

        
notify('This is a success notification', 'Success notification', 'success');    

Info

        
notify('This is an info notification', 'Info notification', 'info');    

Warning

        
notify('This is a warning notification', 'Warning notification', 'warning');    

Error

        
notify('This is an error notification', 'Error notification', 'error');