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