Skip to main content
Question

Color of the icon in differents states

  • July 16, 2024
  • 5 replies
  • 63 views

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

This topic has been closed for replies.

5 replies

Jorge_Montero_GFT

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.


  • Author
  • 2 replies
  • July 16, 2024

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


Jorge_Montero_GFT


Jorge_Montero_GFT

I hope it works for you 😉


  • Author
  • 2 replies
  • July 19, 2024

Thank you Jorge!