use bootstrap 4 toasts with vue.
npm install vue-bootstrap-toastsThis was bulit with bootstrap 4 "toasts" component in mind, so It depends on bootstrap 4.
https://rakk7.github.io/vue-bootstrap-toasts/demo/
I created this because I am already working with bootstrap 4, and I needed Vue to make toasts component more dynamic. Other plugins add too much complex I don't need.
```
npm install vue-bootstrap-toasts
1- Import..
``
import VueBootstrapToasts from "vue-bootstrap-toasts";
Vue.use(VueBootstrapToasts);
2 - Add the component in your html, somewhere at the top..
``
Or if u want to override default values
``
:max-messages="7"
:time-out="5000" // 5 secs
:closeable="false"
>
3 - Call these methods where ever you want inside vue..
``
this.$toast.success('your message');
this.$toast.error('your message');
this.$toast.warning('your message');
this.$toast.info('your message');
Or Pass an options per toast
```
this.$toast.success("your message", {
rtl: true,
timeOut: 0, // infinity
closeable: false
});