Blazored / Toast

A JavaScript free toast library for Blazor and Razor Component applications
https://blazored.github.io/Toast/
MIT License
654 stars 90 forks source link

[Feature] Add Fade Out Functionality #229

Open creed-maxeta opened 1 year ago

creed-maxeta commented 1 year ago

I am interested in having toasts fade out, similar to how they fade in. I have tried to a apply a class that has a fade out animation, almost identical to how the fade in animation is applied (see image below), but this did not work. I am not seeing my override class applied to the modal even though I am setting the SuccessClass within the Toast declaration. When applying the class manually within the dev console, I still don't see the functionality.

Potentially related to this closed PR #84

image

chrissainty commented 1 year ago

@creed-maxeta Fade out functionality is a little trickier than fade in as it's a two stage process, fade the element out using CSS then physically remove the element from the DOM once it's transition is complete.

I can't give you a good reason as to why it isn't in the library. I think it's something that would make sense to add.