Toast plugin for Vue.js

vue-toasted

Simple to install and use material toast component for Vue.js with variety of options and styles, and responsive.

Example

Installation & Usage

npm install vue-toasted --save
// register the plugin on vue
import Toasted from 'vue-toasted'

Vue.use(Toasted)

You can call the method like this in your component:

this.$toasted.show('hello')

App.vue

methods: {
appear () {
    this.$toasted.show('Great News!', {
        //theme of the toast you prefer
        theme: 'bubble',
        //position of the toast container
        position: 'top-right',
        //display time of the toast
        duration: 5000
    })
}
}

For more info check the available options.

<template>
  <div id="app">
    <div>
        <button @click="appear">Feed me News!</button>
    </div>
  </div>
</template>

Result:

Checkout the Interactive Demo and the repo on GitHub.