search

shakee93 / vue-toasted

🖖 Responsive Touch Compatible Toast plugin for VueJS 2+
https://shakee93.github.io/vue-toasted/
MIT License
2.21k stars 194 forks source link

Add an option to completely disable the default classes #175

Open fatrex opened 4 years ago

fatrex commented 4 years ago

An option to completely remove the default classes (.toasted-container .toasted) would be useful.

An example could be when you are using a completely custom css library and need to make heavy changes. Instead of rewriting properties with !important it should be simple as removing default classes and attach your own.

Triloworld commented 3 years ago

Right now is bug there: className & containerClass don't have default class (only null in documentation what is wrong as there are list of class added to dom) .

I use Tailwind to have fully optimized css package and this bug/function is big one as I cannot remove useless style from output.

Option theme is wrong, it can be call "variant" because nothing to do in real theming of toast.

Option type cannot be extended to support custom one as well

Animation is forced by JS and not by CSS class with is another bummer

Option el - I don't get it how this might work as existing dom elements aren't taken into account. Styles apply no matter what.

Actions are connected to function by class, not by reference element or random ID. My project use class only as visually description as to easier debug any errors in function and give freedom to remove styles by script (critical css for example).

I need to have freedom on how it looks (animate, style) and not how engine works. If change are break then introduce simply defaultStyle that is true for anybody on start and is there for people who can use any XYZ style framework or custom elements as well to better blend with project.