Skip to main content
Solved

Nested component not working upon use


J_Yun1

I have a core component that controls overall share of an element & sizing.
This core component is then used in a component that handles various things like colors and hover states.

For example, I have a core component named “icon-button-core”. This component has a size variant of “lg”, “md”, “sm” whose respectable sizes are “40px”, “32px”, “14px”.

Now in another file (theme file), I create a component called “icon-button” nesting the previous “icon-button-core”. This component has “State” and “Color”.

Upon use, when I change the “size” variant within the nested component “icon-button-core”, it does not update the sizing.

Best answer by Gleb

See this answer: Instances not resizing with variable swaps - #2 by Gleb

View original
This topic has been closed for comments

3 replies

djv
Figmate
  • Community Support
  • 4758 replies
  • November 3, 2023

Hey @J_Yun1, thanks for reaching out!

Sorry to hear this is happening. It’s hard to tell without seeing your component setup. Please reach out to the support team directly via this form for help: https://help.figma.com/hc/en-us/requests/new

Be sure to use your Figma account email, include a link to the file, and share it with support-share@figma.com so they can take a closer look.


ZAHID_IMRAN

Same issue here.


Gleb
  • Power Member
  • 4708 replies
  • Answer
  • November 7, 2023

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings