Issues with nesting components with variants inside components with variants?

We are creating a form component using nested components (for label, content, box, microcopy, etc)

The box component is just a styled auto-layout frame that contains a content component (each has varients for versions of input text and box style/state)

The issue arises now when we want to change some state styling on the parent auto-layout component. those changes are NOT propagating through to other files until you drill into each component and reset overrides on each and every instance.

what are we doing wrong?!

I assume that figma isn’t liking how we are nesting components inside auto layouts but i can’t seem to duplicate the issue with test components.

1 Like

Hi, can you create a demo file so I can help you with!

i got help a few weeks ago now. turns out using private component names was the issue