Basic toast

Dynamic toast with stacking

Toast with action

Accessibility

Toasts are a notification for a user when something changes, in order to allow assistive technologies to announce new information automatically the toasts should be wrapped into aria-live region along with aria-atomic="true" to ensure that the whole toast is read and not only parts of it.

Note: the aria-live region won't be announced if you add it dynamically to the markup. Ensure that it is present before the toast generation.

When autoHide: false the close button must be added, so that the toast can be dismissed.
Note: set dismissible: true to have the close button automatically.