vue-toasted icon indicating copy to clipboard operation
vue-toasted copied to clipboard

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

Open MaxWeisen opened this issue 3 years ago • 1 comments

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?

MaxWeisen avatar Oct 01 '21 00:10 MaxWeisen

@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;
}

malayhm avatar Nov 18 '22 00:11 malayhm