I’m wondering what’s your go-to workflow when working with variants.
Example 1: I create a button, convert it to a component, and then create another one that’s a standalone component, and combine them as variants. They are now independent and if I change something in the first one it won’t reflect on the other.
Example 2: I create a button, convert it to a component, then copy that button and make a variant out of it (so that the button instance is inside the newly created component - variant). This way whatever I do on the first one will reflect on the other as well.
The problem with the first one is that whenever I want to change something globally, I have to do it manually for all variants.
The problem with the second one is that if I do two states, default and hover, and change the variant in the right panel, its content overrides. That bothers me a lot because each time I want to show a developer how the hover effect looks like, I have to fix the content again.
What’s the best way?