Toast Inspired by Google's material design, you are able to display a toast after performing an action by user.

$('button').on('click', function(){
  app.toast('A basic toast using Javascript. It stays for 4 seconds.');
});

$('button').on('click', function(){
  app.toast('This toast stays for 7 seconds.', {
    duration: 7000
  });
});

$('button').on('click', function(){
  app.toast('Including an action button with link.', {
    actionTitle: 'Retry',
    actionUrl: 'something'
  });
});

$('button').on('click', function(){
  app.toast('Including a danger action button', {
    actionTitle: 'Retry',
    actionUrl: 'something',
    actionColor: 'danger'
  });
});

$('button').on('click', function(){
  app.toast('Including a success action button', {
    actionTitle: 'Retry',
    actionUrl: 'something',
    actionColor: 'success'
  });
});

<button class="btn btn-primary" data-provide="toast" data-text="This content is from data attribute." data-action-title="Retry" data-action-color="purple">Basic data-attribute</button>