vuetify-snackbar-queue

Simple plugin for queueing v-snackbars in Vuetify * Extends VSnackbar component and adds items[] prop * Queues Snackbars displaying one at a time
1,728 11
Install
npm install vuetify-snackbar-queue
Latest Version:2.3.1
Vue:2
License:MIT
Last Updated:Jan 5, 2023
Links: GitHub  ·  npm
Maintainer: ajanes93

vuetify-snackbar-queue

Simple plugin for queueing v-snackbars in Vuetify

  • Extends VSnackbar component, allowing an array of snackbar items to be passed in.
  • Queues Snackbars displaying one at a time

Install for use with Vuetify 2.*

npm install vuetify-snackbar-queue

See Code Sandbox Example

please note that the auto-height prop for the VSnackbar component was deprecated in Vuetify 2 and is no longer available.

Install for use with Vuetify 1.5.*

npm install vuetify-snackbar-queue@1.0.0

See Code Sandbox Example

Latest component docs

See the docs at Vuetify Snackbar Queue Docs

Use as Plugin

Import as plugin in your main.js file

//main.js
import Vue from 'vue'
import VuetifySnackbarQueue from 'vuetify-snackbar-queue'

Vue.use(VuetifySnackbarQueue)

Use in templates

<template>
    <v-snackbar-queue
        :items="items"
        @remove="() => {}"
    ></v-snackbar-queue>
</template>

Development Setup

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Related Packages

dsncomponents

3SN Core Components to be used with dsnCore

2,500
dsnit-core

3SN Core Library to be used with Vuetify

862
dsncore

3SN Core Library to be used with Vuetify

839
vuetify-toast-snackbar

Basic Vue toast service that uses Vuetify Snackbar component.

47,317 127
vuetify-toast-snackbar-ng

Basic Vue toast service that uses Vuetify Snackbar component for Vuetify 2.3+

25,369 22

Version History

Version Released Vue License
2.3.1 ^2.6.12 MIT
2.3.0 ^2.6.12 MIT
2.2.0 ^2.5.17 MIT
2.1.0 ^2.6.12 MIT
2.0.1 ^2.5.17 MIT