vuetify-sonner icon indicating copy to clipboard operation
vuetify-sonner copied to clipboard

`closeButton` property not working

Open jv3ga opened this issue 4 months ago • 0 comments

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

jv3ga avatar Oct 07 '24 07:10 jv3ga