Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: create VSnackbarQueue component #19629

Merged
merged 7 commits into from
Apr 21, 2024
Merged

feat: create VSnackbarQueue component #19629

merged 7 commits into from
Apr 21, 2024

Conversation

KaelWD
Copy link
Member

@KaelWD KaelWD commented Apr 17, 2024

Motivation and Context

closes #2384

Markup:

<template>
  <v-app>
    <div class="ma-4 pa-4">
      <v-text-field v-model="field" label="Text" @keydown.enter="onKeydown" />
      <v-snackbar-queue v-model="model" color="success" location="bottom start" closable />
    </div>

    <v-fab icon="$vuetify" app />
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'

  const model = ref([])
  const field = ref()

  function onKeydown () {
    model.value.push({
      text: field.value,
      timeout: -1,
      location: 'bottom',
    })
  }
</script>

@KaelWD KaelWD marked this pull request as draft April 17, 2024 15:11
@KaelWD KaelWD self-assigned this Apr 17, 2024
@KaelWD KaelWD added T: feature A new feature C: New Component This issue would need a new component to be developed. labels Apr 17, 2024
@KaelWD KaelWD added this to the v3.6.0 (Nebula) milestone Apr 17, 2024
@KaelWD KaelWD changed the base branch from dev to master April 17, 2024 15:12
@johnleider johnleider marked this pull request as ready for review April 18, 2024 18:25
johnleider
johnleider previously approved these changes Apr 18, 2024
@johnleider johnleider merged commit c74d0c9 into master Apr 21, 2024
17 of 18 checks passed
@johnleider johnleider deleted the feat/snackbar-queue branch April 21, 2024 04:39
@Joebayld
Copy link

This looks quite interesting. What are your thoughts on an option to stack the notifications so you can see multiple at once?

Theres an example for Vuetify 2 under the notifications tab.

https://iwdcf.csb.app/

@blaskovicz
Copy link

Works great, thank you!
https://vuetifyjs.com/en/components/snackbar-queue/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: New Component This issue would need a new component to be developed. T: feature A new feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature Request] Snackbar queue
4 participants