className does not seem to work

Hi, maybe I didn’t understand something in the docs, but when I pass the options of my toast:

this.$toasted.show('New user added.', {duration: 1000, className: 'toasts'})

duration works, className has no effect, while if I edit it with containerClass it works:

this.$toasted.show('New user added.', {duration: 1000, containerClass: 'toasts'})

anybody can tell me why? I am using @nuxtjs/toast but I tested it also using pure vue-toasted.

[sduncan-mbt]

I was having the same issue as you guys. After reading this I did a little testing and by blanking the theme with say theme: 'none' I was able to then use my tailwind class as I wanted to with say className: 'bg-red-500'

happy days 😃

[arifwidip]

You can override the style by increasing the specificity of the selector rather than using !important, for example:

.toasted.toasted-primary.my-toasted-theme {
  background: #f00;
}