javascriptalerttoastr

Toastr JS Setting fadeAway value

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 toastr.js file, I do see the options are there. I just dont know how to access the property 'fadeAway' 

toastr.info('Processing...');

I tried

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

How do I use the fadeAway by passing in a parameter ?

Solution

  • 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'
}