Skip to main content
M
Marie315419526aer
Participant
September 7, 2023
Answered

Child components doesn't follow resize of main component when being included to another component

  • September 7, 2023
  • 1 reply
  • 370 views

I think it is a bug. Child components doesn't follow the resize of their main component when they are included into a new component. It works when not included into other components, even in other artboards. Other change works when included in other component, like changing colour, but not resize.

 

By example, I create an icon and make it a main component. I include that icon in different artboard. Then I create a button with that icon in it and create a component for that button, and include that button in different arboad.

If I change the colour of my icon main component, all its child components change their colour too.

But if I change the size of my icon main component, the icon inside the button component (main or child) doesn't change and stay the original size. But the icon childs that are by themselves in different artboards resize to follow the main icon component. 

It happens whatever I copy-paste the main component into my button component or if I take it from the asset library (on the left).

 

Even if I quit XD and open it again, the icons inside the buttons doesn't resize.

The only way I found is to delete the icon child inside the button main component and add again the icon (from copy-paste or asset library), then I'll have the icon resized. But if I change the icon main component size again, I need to redo the whole process again.

    This topic has been closed for replies.
    Correct answer AkinGn

    Hello @Marie315419526aer, you can do that by resizing the inner state of the component, not directly resizing the component itself but double clicking the shape of the main component, and resizing it, that way, you'll see the all included/inherited child components are going to have the exact changes. Hope this helps!

    1 reply

    AkinGn
    Community Expert
    AkinGnCommunity ExpertCorrect answer
    Community Expert
    September 7, 2023

    Hello @Marie315419526aer, you can do that by resizing the inner state of the component, not directly resizing the component itself but double clicking the shape of the main component, and resizing it, that way, you'll see the all included/inherited child components are going to have the exact changes. Hope this helps!

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices