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.