Available options listed below.
$.noty.defaults = {
layout: 'top',
theme: 'defaultTheme', // or relax
type: 'alert', // success, error, warning, information, notification
text: '', // [string|html] can be HTML or STRING
dismissQueue: true, // [boolean] If you want to use queue feature set this true
force: false, // [boolean] adds notification to the beginning of queue when set to true
maxVisible: 5, // [integer] you can set max visible notification count for dismissQueue true option,
template: '<div class="noty_message"><span class="noty_text"></span><div class="noty_close"></div></div>',
timeout: false, // [integer|boolean] delay for closing event in milliseconds. Set false for sticky notifications
progressBar: false, // [boolean] - displays a progress bar
animation: {
open: {height: 'toggle'}, // or Animate.css class names like: 'animated bounceInLeft'
close: {height: 'toggle'}, // or Animate.css class names like: 'animated bounceOutLeft'
easing: 'swing',
speed: 500 // opening & closing animation speed
},
closeWith: ['click'], // ['click', 'button', 'hover', 'backdrop'] // backdrop click will close all notifications
modal: false, // [boolean] if true adds an overlay
killer: false, // [boolean] if true closes all notifications and shows itself
callback: {
onShow: function() {},
afterShow: function() {},
onClose: function() {},
afterClose: function() {},
onCloseClick: function() {},
},
buttons: false // [boolean|array] an array of buttons, for creating confirmation dialogs.
};
Of course, you can override default values;
$.noty.defaults.theme = 'relax';