Toast

Messages that pop up from the bottom of the page.
Design References
Material Snackbar
Ionic Toast
Uplabs Snackbars
HTML
If you want a toast to popup when clicking, define your options in the html.
  1. data-status values can be success, info, warning or danger.
  2. data-message is the text you wish to display.
  3. data-button is the text on the button.
  4. data-icon is the name of the icon you wish to place in the button.
JS
You could also launch the toast with JS by using the function showToast ( status, msg, btn, icon ).
Dependencies
jQuery
Size
Under 2k

See the Pen Toast by btn.ninja (@btn-ninja) on CodePen.