Notifications

Toastr notifications plugin and their variants

  1. Home
  2. Extra
  3. Notifications
Toastr Examples
Example, Live Preview Usage Directions
Information Message Simple Toastr notification. To fire this notification the code below is executed: 

toastr.info('Are you the 6 fingered man?');
Success Message More advanced Toastr notification. It has close button and title. To fire this notification the code below is executed: 

var opts = {
"closeButton": true,
"debug": false,
"positionClass": "toast-bottom-right",
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
};
toastr.success("So me by marianne admitted speaking.", "This is a title", opts);
Danger Message This notification will be placed as full-width on top. It has close button and title. To fire this notification the code below is executed: 

var opts = {
"closeButton": true,
"debug": false,
"positionClass": "toast-top-full-width",
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
};
toastr.error("Do to be agreeable conveying oh assurance. Wicket longer admire do barton vanity itself do in it. Preferred to sportsmen it engrossed listening.", "Fanny at wrong table ye in", opts);
Warning Message This notification will be placed on bottom-right. It has close button and title. To fire this notification the code below is executed: 

var opts = {
"closeButton": true,
"debug": false,
"positionClass": "toast-bottom-left",
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
};
toastr.warning("Park gate sell they west hard for the.", null, opts);