Nested variants not working outside main component

Hello everyone,

I am quite new to component systems making and I am trying to figure if I am doing something wrong or if it’s maybe a bug.

Basically I have created atoms for images that control the ratio and for text blocks that control the width. The atoms work as intended and I can choose the different ratios/width.

After that, I have created a molecule where the two components are added together and that’s where I find it doesn’t work as intended.

If I change the variables in the main component, it will work fine; however if I drop an instance and try to change the variable, nothing happens.

What am I doing wrong? Any ideas?

1 Like