All Versions
Latest Version
Avg Release Cycle
167 days
Latest Release
2118 days ago

Changelog History
Page 1

  • v2.1.4 Changes

    December 08, 2017
    • Same as 2.1.3, except 2.1.4 is on NPM
  • v2.1.3 Changes

    July 22, 2016

    ๐Ÿ†• New Features

    • ๐Ÿ‘ Right to left text support
    • โž• Added callbacks for click events on close button

    ๐Ÿ› Bug Fixes

    • ๐Ÿ›  Fixed some CSS that prevented touch events from propagating on iOS devices
    • โœ‚ Removed role attribute because it duplicated voice over on text-to-speech readers; kept aria-live.
    • Consistent line-heights for close button to resolve issues with Bootstrap.

    Dev Ops

    • โœ‚ Removed Plato from gulp
  • v2.1.2 Changes

    August 10, 2015

    ๐Ÿ†• New Features

    • โž• Added HTML escaping (use toastr.options.escapeHTML)
    • โž• Added more options for overriding animations, specifically to closing a toast
    • Events are now passed into the onClick handler of the toast

    ๐Ÿ› Bug Fixes

    • Resolved issue with centered toasts that would override top and bottom margins

    Dev Ops

    • โœ‚ Removed module and require from the .jshintrc file
    • Cleaned up the readme
    • ๐Ÿ— Builds moved to the builds folder
    • Made href calls relative to the transport in the demo
    • CSS is now built by the included LESS file as part of a gulp call
    • โœ‚ Removed un-used deps
  • v2.1.1 Changes

    March 13, 2015

    ๐Ÿ†• New Features

    Dev Ops

    • ๐Ÿ”จ Refactor to use gulp
  • v2.1.0 Changes

    November 15, 2014

    ๐Ÿ†• New Features

    • Prevent duplicate sequential toasts SBero | aa083d8
    • โž• Add support for top-center and bottom-center toasts showwin | 86a4798
    • โž• Add feature allowing progress bars to be shown for toasts TravisTX | PR 189

    toastr.options.preventDuplicates = true;

    toastr.options.progressBar = true;

    ๐Ÿ› Bug Fixes

    • None

    ๐Ÿ’ฅ Breaking Changes

    • None

    Dev Ops

    • โž• Add karma test runner
    • โž• Added Travis CI hooks
  • v2.0.3 Changes

    May 17, 2014

    ๐Ÿ†• New Features

    • None

    ๐Ÿ› Bug Fixes

    • ๐Ÿš€ positionClass changes were not being honored due to 2.0.2 release changes. Refactored getContainer to only get the container, unless a 2nd boolean parameter is passed in in which case it will also create it if the container did not exist 871c2a6

    ๐Ÿ’ฅ Breaking Changes

    • None
  • v2.0.2 Changes

    April 29, 2014

    ๐Ÿ†• New Features

    • โž• Added simple ARIA reader support (45c6362)
    • โž• Added SASS support (direct port of CSS for now) (b4c8b34)

    ๐Ÿ› Bug Fixes

    • โž• Added sourcemap for the min file (1da4bd1)
    • ๐Ÿ‘ IE 8 does not support stopPropagation on the event (6989573)
    • ๐Ÿ›  Media query width fixes (ea2f5db)
    • ๐Ÿ›  Fix of onHidden firing twice when clicking on it then moving mouse out of toast (ad613b9 , #105)
    • Clear all toasts followed by a new toast now displays correctly (3126a53 , #149 , #118)

    ๐Ÿ’ฅ Breaking Changes

    • None
  • v2.0.1 Changes

    September 11, 2013

    ๐Ÿ†• New Features

    Close Button

    Optionally enable a close button

    toastr.options.closeButton = true;

    Optionally override the close button's HTML.

    toastr.options.closeHtml = '<button><i class="icon-off"></i></button>';

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


    // Define a callback for when the toast is shown/hidden
    toastr.options.onShown = function() { console.log('hello'); }
    toastr.options.onHidden = function() { console.log('goodbye'); }

    Animation Options

    0๏ธโƒฃ 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.


    0๏ธโƒฃ 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

    0๏ธโƒฃ 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'; 


    Control how toastr interacts with users by setting timeouts appropriately.

    toastr.options.timeout = 30; // How long the toast will display without user interaction
    toastr.options.extendedTimeOut = 60; // How long the toast will display after a user hovers over it

    ๐Ÿ’ฅ Breaking Changes

    Animation Changes

    ๐Ÿ—„ 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
  • v2.0.0

    September 11, 2013
  • v1.3.1 Changes

    July 15, 2013

    Display Sequence

    0๏ธโƒฃ Show newest toast at bottom (top is default)

    toastr.options.newestOnTop = false;