Skip to main content
Marine_FARGE1
Jul 16, 2024 12:10 PM UTC
Question

Color of the icon in differents states

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
Jorge_Montero_GFT
New Member
Jul 16, 2024 12:21 PM UTC

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.

    Marine_FARGE1Author
    Jul 16, 2024 12:32 PM UTC

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

    Jorge_Montero_GFT
    Jorge_Montero_GFT
    New Member
    Jul 16, 2024 3:49 PM UTC

    image

      Jorge_Montero_GFT
      Jorge_Montero_GFT
      New Member
      Jul 16, 2024 3:54 PM UTC

      I hope it works for you 😉

        Marine_FARGE1Author
        Jul 19, 2024 12:02 PM UTC

        Thank you Jorge!

          Terms & ConditionsAccessibility statement