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);