Question

Nested Components don't change color correctly

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 replies.

Active Member

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.

impactby.design?ref=nI

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.

Active Member

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.

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

impactby.design?ref=nI

Active Member

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

impactby.design?ref=nI

Sign up