noty

Types & Layouts

Types:
alert, success, warning, error, info/information

Layouts:
top, topLeft, topCenter, topRight, center, centerLeft, centerRight, bottom, bottomLeft, bottomCenter, bottomRight

Creating a notification;

new Noty({
    type: 'success',
    layout: 'topRight',
    text: 'Some notification text'
}).show();

Custom Containers

Custom container usage example;

new Noty({
    text: 'Some notification text',
    container: '.custom-container'
}).show();