Toastr JS Setting fadeAway value

Question

I am using a cool alert js library Project: https://github.com/CodeSeven/toastr

I wanted to fadeOut the following alter after a period of time. Looking at the toast

Answer 1

You can also pass any options in a parameter. But the parameter must be an object. For your example you can use this:

toastr.info('Processing...', { fadeAway: 1000 });

PS: also keep in mind that fadeAway is deprecated in the current version (2.0.3).

Answer 2

With version 2.0.3 you do the following to make the toastr display longer:

toastr.success('Hello World', 'New Message', { timeOut: 9500 });

Answer 3

Before you call toastr.info, set the option you choose. For example:

toastr.options.fadeOut = 2500;

You can see many of the options in the demo here: toastr demo

These are the defaults. You can override many of them:

options = {
  tapToDismiss: true,
  toastClass: 'toast',
  containerId: 'toast-container',
  debug: false,
  fadeIn: 300,
  fadeOut: 1000,
  extendedTimeOut: 1000,
  iconClass: 'toast-info',
  positionClass: 'toast-top-right',
  timeOut: 5000, // Set timeOut to 0 to make it sticky
  titleClass: 'toast-title',
  messageClass: 'toast-message'
}