Skip to main content
Question

I'm missing something in nested components.

  • January 14, 2026
  • 1 reply
  • 31 views
Georgi B.

Hello guys. Hope you have a great evening. I have a problem with nested components. I have my Avatar component and want to nest its properties into Header component. The properties i need is Avatar type and Avatar size. When i try to change the size ot f my Avatar size in Header instance it doesn’t work. It just changes the content inside but not the frame itself. I’m going to upload some screenshots for clarity. Any tips?
So what you see on the screenshot are the three sizes of the Avatar instances and when i try to change to, lets say, size-small inside the Header instance it only changes the icon inside the avatar but not the avatar frame.
It could be that i build the avatar component wrong ...

 

    1 reply

    AlicePackard
    • AlicePackard
    • Power Member
    • April 21, 2026

    it's likely because you are using auto layout on your header component, but not on your avatar component! Here's a GIF demonstrating the same dynamic, but with icons inside of a button:

    I used to run into this same problem a ton, so I wrote a blog post about it. Keep me posted if auto layout resolves the issue for you, or not! If it's not I’d like to help figure this out and add new info to my post.

    Terms & ConditionsCookie settingsAccessibility statement