Pretty straightforward, I have a button that triggers an 'Alert Dialog' which is just a custom component. This component has an animation 'on page load'.
When I click the button, my component animates in. When dismissed, it just disappears. The animation should reverse when the component is dismissed. How could you achieve this?
Things I have tried:
Instead of using 'Alert Dialog', putting the component in the same page and doing action on trigger on the button. It works, but the issue is that I need that layer of "click to dismiss/blocking for 1 click"
Action on triggers in multiple spots as well as passing action as a parameter (but this only works from page to component, not component to page) (unless I am missing something)