Toastr 2.0.0 is now at Release Candidate 1. You can grab the Toastr 2 RC on GitHub or get Toastr 2 RC on NuGet using install-package toastr - pre. This release has several minor bug fixes, CSS tweaks, some JavaScript refactoring, and some new features. Of course there are new unit tests for all of these too. There is 1 breaking change that I felt was in the best interest, which is why this is a new major version.

Please read below and try Toastr out. Once enough folks have had a chance to give it whirl and report bacl, I’ll release another RC or final soon!

Toastr is now at over 50,000 downloads on NuGet! Thank you for using Toastr and to the many folks who have contributed through issues and pull requests on the Toastr GitHub site.

Note: Once version 2 is fully released I will also update Bower, Grunt, and CDNJS.

Animation Changes (Breaking)

The following animations options have been deprecated and should be replaced:

  • Replace options.fadeIn with options.showDuration
  • Replace options.onFadeIn with options.onShown
  • Replace options.fadeOut with options.hideDuration
  • Replace options.onFadeOut with options.onHidden

Animation Options (New)

Toastr will supply default animations, so you do not have to provide any of these settings. However you have the option to override the animations if you like.


Optionally override the animation easing to show or hide the toasts. Default is swing. swing and linear are built into jQuery.

toastr.options.showEasing = 'swing';
toastr.options.hideEasing = 'linear';

Using the jQuery Easing plugin (

toastr.options.showEasing = 'easeOutBounce';
toastr.options.hideEasing = 'easeInBack';

Animation Method

Use the jQuery show/hide method of your choice. These default to fadeIn/fadeOut. The methods fadeIn/fadeOut, slideDown/slideUp, and show/hide are built into jQuery.

toastr.options.showMethod = 'slideDown'; 
toastr.options.hideMethod = 'slideUp';

Close Button (New)

Optionally enable a close button

toastr.options.closeButton = true;

Optionally override the close button’s HTML.

    = '';

You can also override the CSS/LESS for #toast-container .toast-close-button

Display Sequence (New)

Show newest toast at bottom (top is default)

toastr.options.newestOnTop = false;

Thanks to the folks who contributed issues or pull requests to this release including: Ryan Hoffman, Jon Gallant, Jon Fazzaro, Craig Teegarden, Umberto, and Raffi.