vuetifyjs
[Bug Report][3.7.0] I can't define default slot when adding an item to SnackbarQueue
Environment
Vuetify Version: 3.7.0 Vue Version: 3.4.27 Browsers: Chrome 125.0.0.0 OS: Linux x86_64
Steps to reproduce
Push a notification to snackbar queue with "v-slot:default" prop.
Expected Behavior
The text/node in "v-slot:default" prop renders in the snackbar.
Actual Behavior
The snackbar is empty
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
This prop appears in the API.
Oh, that's just a documentation mistake. So, what's the correct usage? It seems a callable returning a node is expected.
The prop doesn't actually exist, it's in the docs because items is typed as VSnackbar['$props'][] and slots are added to prop types for JSX but are only valid directly on a JSX element not in a props object.
Oh! So that's impossible to add complex snackbars (mine has a title with icon and a text) to the queue. We must use props only and so simple snackbars with text only. That's it?
Ok, I found out how to do that. Here is an example.
My last issue: How to make a closable button? Using classic snackbar, I can use the snackbar model as in this example. I tried to shift the model array in the above playground, but this does not seems to work...
Ok, I found out how to do that. Here is an example.
My last issue: How to make a closable button? Using classic snackbar, I can use the snackbar model as in this example. I tried to shift the model array in the above playground, but this does not seems to work...
any luck on this?
--- EDIT: in case anyone else needs this...
<v-snackbar-queue closable="true" close-text="Close" v-model="notificationQueue">
