Skip to main content

Hello beautiful community !

I have a problem.

When I do tabs component. In default state, the color of the icon is primary (blue) but in hover the color is still blue (I want it to be grey).

How do you do that ?

Thank you!

Capture d’écran, le 2024-07-16 à 08.10.28

You can make a component that contains the icon and make two variants, each one with a color, then you add that component to the tab instead of the icon.


In the variants of the tab you indicate which of the component variants it should display.


Hello Jorge, do you have an example of the file organization ?

Thanks!





I hope it works for you 😉


Thank you Jorge!


Reply