Toasts are slightly translucent, too, so they blend over whatever
they might appear over. For browsers that support the
backdrop-filter CSS property, they also attempt to
blur the elements under the toast.
Generate a dynamic toast from anywhere in your app via the
this.$bvToast Vue component instance injection,
without the need to place a <b-toast> component
in your app.
BootstrapVue toasts provide custom CSS to define color variants. Variants follow the standard Bootstrap v4 variant names. If you have custom SCSS defined Bootstrap color theme variants, the toast custom SCSS will automatically create toast variants for you (refer to the Theming reference section).
The below toasters place the toasts in a stacked (columnar format), fixed within the viewport (meaning they will always be in view regardless of viewport scroll position). If there are more toasts than can fit on the viewport screen, some will be visually hidden offscreen until other toasts are closed/hidden.