<!-- Success -->
<ks-toast
    message="This is an success toast"
    type="success"
></ks-toast>

<!-- Info -->
<ks-toast
    message="This is an info toast"
></ks-toast>

<!-- Error -->
<ks-toast
    message="This is an error toast"
    type="error"
></ks-toast>

<!-- Warning -->
<ks-toast
    message="This is an warning toast"
    type="warning"
></ks-toast>

this.$toast({
    type: 'success',
    message: 'Success message',
    position: 'top-right',
    duration: 2500,
    limit: 3
});

Vue.toast({
    type: 'success',
    message: 'Success message',
    position: 'top-right',
    duration: 2500,
    limit: 3
});

// This will default to an info toast
this.$toast('info message');
Vue.toast('info message');