Variants for styles

While trying to find the best way to manage states on components, I came across the idea of Variants for styles.

For example, imagine a style semantically called “Action”. It could have variants for states (Default, Hover, Pressed…), all stored in the same style, reducing load in Color Styles (it gets crowded fast).

Here’s a little mockup

Style variant

Let me know what you think of the idea!

1 Like