Skip to main content
Question

Nested Components don't change color correctly

  • September 2, 2024
  • 4 replies
  • 63 views

Joe_Deutscher

I have some checkboxes nested inside of a button like this:

Screenshot 2024-09-01 at 8.42.52 PM

In my components, the checkboxes appear correctly when switching to the On state:

When tested however, they revert to their original color:

Is there a way to fix this without having to create more variants on the checkbox?

This topic has been closed for comments

4 replies

Slava_Bronevitskiy

There are likely hidden overrides on your toggle instances preventing it.

You can look for them or just reset all overrides on the toggle inside the option, as well as inside the option instances.

Then re-apply color on the toggle inside your (main) option component.


Joe_Deutscher

Where do you find those overrides? I’ve tried exposing nested instances, but again it all seems correct in the editor, but not in the test view.


Slava_Bronevitskiy

You find those overrides layer by layer by selecting and then checking this dialog:

If it displays “No changes to reset”, then you are good.
image

Personally I don’t do this and use “Reset all changes” and re-apply required changes, just to be on the safe side.


Slava_Bronevitskiy

If you can share access to any file that has this component, I can fix the issue for you as well.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings