Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems.

css class description
toast Specifies toast.
toast-header Specifies a header section of toast.
toast-body Specifies a body section of toast.
Code example


method descripton
toast(options) Attaches a toast handler to an element collection. Accepts an optional options object, that can have following properties:
  • animation - a boolean value indicating whether to apply a CSS fade transition to the toast.
  • autohide - a boolean value indicating whether to automatically hide the toast.
  • delay - delay hiding the toast in milliseconds, default value is 500.
You can set options as the data-* attribute, for example data-animation="false".
toast('show') Shows a toast.
toast('hide') Hides a toast.
toast('dispose') Destroys a toast.


event name descripton Fires immediately when the show() method is called. Fires when the toast has been made visible to the user. Fires immediately when the hide() method is called. Fires when a toast has been hidden from the user.
$('#myToast').on('', function () {
  // do something...