vuetify-sonner
vuetify-sonner copied to clipboard
`closeButton` property not working
Describe the bug
The closeButton
property from vue-sonner it's not working
Reproduction
Using two buttons, one with toast
and other with toastOriginal
with the same properties, the close button it's not showing.
<script setup lang="ts">
import { VSonner, toast } from 'vuetify-sonner'
// Required for snackbar background and text color
import 'vuetify-sonner/style.css'
</script>
<template>
<VApp>
<VSonner />
<VBtn
@click="
toast('Event has been created', {
description: `Monday, January 3rd at 6:00pm`,
closeButton: true
})
"
>
toast
</VBtn>
<VBtn
@click="
toast.toastOriginal('Event has been created', {
description: `Monday, January 3rd at 6:00pm`,
closeButton: true
})
"
class="mt-2"
>
toast Original
</VBtn>
</VApp>
</template>
Logs
No response
System Info
System:
OS: Linux 6.8 Ubuntu 24.04.1 LTS 24.04.1 LTS (Noble Numbat)
CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz
Memory: 18.55 GB / 38.96 GB
Container: Yes
Shell: 5.2.21 - /bin/bash
Binaries:
Node: 20.17.0 - /usr/local/bin/node
npm: 10.8.2 - /usr/local/bin/npm
Browsers:
Brave Browser: 129.1.70.119
Chrome: 128.0.6613.137
npmPackages:
vue: ^3.4.29 => 3.5.6
vuetify: ^3.7.2 => 3.7.2
Severity
annoyance