1. Home
  2. UI Elements
  3. Breadcrumbs

Toastr Notifications


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-left",
"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-right",
"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);