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

Edit styling of default this.$toast.success('message') ? #211

Open MaxWeisen opened 2 years ago

MaxWeisen commented 2 years ago

Are we able to edit the styling of the default this.$toast.success('message') and add icons?

OR

Do we have to make a custom toast to accomplish these things?

malayhm commented 1 year ago

@MaxWeisen You can customize the styling by overriding the style but to add an icon for an existing type you need to register a custom toast.

Here is an example of overriding the success toast:

.toasted-container .toasted.toasted-primary.success {
    color: #267526;
    background: #DFF7DC;
}