Skip to main content

is there a way, not to lose overrides when building a component from an instance where a string variable for changing viewports was applied? 

 

The problem is that the component is very complex, so I had to build variants for the viewports. When I link the instance of a component with a string variable, everything works perfectly. All overrides are there!

 

However, since this is a component of a design system, I would like the viewport switch directly in the instance of the component, without having to first link it to the string variable of the viewports.

 

When I create a new component from the instance linked to the string, the breakpoint switch works, but unfortunately, my overrides are lost. Is there a workaround for this?

Thanks for help :)

I'm not sure if my problem is clear. I created these components as shown in the attached screenshot using variants, because the normal responsive behavior could not be mapped via the stack due to different card heights.

Steps taken:

  1. Created the components
  2. Assigned the desktop instance string variable for viewports
  3. Viewport switch is possible

All overrides are available... but when I create a new component from the instance, the overrides are no longer there.

Is there a way to retain the overrides in the embedded component?