Simple plugin for queueing v-snackbars in Vuetify.

  • Extends VSnackbar component and adds items[] prop
  • Queues Snackbars displaying one at a time

Use as Plugin

Import as plugin in your main.js file

import Vue from 'vue'
import VuetifySnackbarQueue from 'vuetify-snackbar-queue'


Use in templates

    <v-container grid-list-lg fluid>
        <v-layout wrap>
            <v-flex xs2>
               <v-btn color="primary" @click="addItem">Add to Queue</v-btn>
	export default {
		data: () => ({
		    id: 0,
		    items: [],
		    colors: ['warning', 'error', 'info']
		methods: {
		    addItem () {
		        const vm = this
		        const index = vm.randomInt(0, 2)

		            color: vm.colors[index],
		            message: 'This is an example alert'
		    removeItem (id) {
		        const vm = this
		        const index = _.findIndex(vm.items, {id})
		        if (index !== -1) {
		            vm.items.splice(index, 1)
		    randomInt(min, max) {
                return Math.floor(Math.random() * (max - min + 1) ) + min;

Development Setup

Project setup

yarn install

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Lints and fixes files

yarn run lint