I’m working on products for professionnals. And the products I’m working on often have to display ephemeral messages like alerts, toasts, and so on.
So prototype a toast behavior, I currently proceed with 3 screens : one for before the toast appears, one with the toast visible and one with the toast gone. And the transitions are “delay” type between those screens.
It works perfectly, but it’s really painful to design. And each time you’ve to change something on the screen, I’ve to replicate the changes to the 3 screens.
So, I wonder if there is a way to create a components with inner transition or another way to make it disappear after a delay…and to avoid having 3 screens for such an interaction.