jantinnerezo / livewire-alert

SweetAlert2 wrapper for Livewire
https://livewire-alert.jantinnerezo.com
MIT License
682 stars 73 forks source link

Why do I have to use `toast: false` in order to use customClass? #136

Closed stephandrost1 closed 7 months ago

stephandrost1 commented 7 months ago

Hi,

I want to use toast: true, and change some of the styling of the toast.. Is there any way to change the styling when toast: true? I just want to change the popup background and the title text color..

The changes work fine when toast: false, but when I change it back to true the changes don't show and the toast shows the default styling because my tailwind classes are overwritten by de default styling of the toast.. 😅 (using important doesn't fix it for me)

'alert' => [
        'position' => 'top-end',
        'timer' => 1600000,
        'toast' => true,
        'text' => null,
        'showCancelButton' => false,
        'showConfirmButton' => false,
        'customClass' => [
            'popup' => 'bg-gray-800',
            'title' => 'text-white',
        ]
    ],

Thanks for the help in advance!