I am trying to create interactions among the various Button States as shown below:
The interactions are simple:
For normal button: Default → on-hover → Hover → while pressing → active
Normal Button Interactions
For the loader button, I want the button to initially show as a normal button and convert to the loader button on click (then the loader disappears after a delay).
For now, I have done this by making the Default button as the initial state of the loader button, and then: Default → on-click → Loader.
Loader Button Interactions
My question is, is there any way to use one of the existing button variants (e…g default) to be used instead of the double button in the loader variant.
Also, what if I want to reuse the Normal Button Interactions, i.e. is there any way to achieve this:
If variant is
[Normal Button Interactions] → on-click → Loader.