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