ToastInspired 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>