vue-bootstrap-toasts

This was bulit with bootstrap 4 "toasts" component in mind, so It depends on bootstrap 4.

$3

https://rakk7.github.io/vue-bootstrap-toasts/demo/

$3

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.

$3

``
npm install vue-bootstrap-toasts
`

$3

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

`
:rtl="true"
: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
});
``

$3