Skip to main content
roald.boerema
roald.boerema
New Member
September 5, 2024
Question

Nested Buttons reset label property when the component they are used in changes size variant

  • September 5, 2024
  • 4 replies
  • 203 views

Here is my situation:
Main Button component (layout and 3 sizes) → themed Button Component (Colors) → Button Group.
The button group also has three sizes, the buttons placed in the Group component are set accordingly.
Now when I change a button within the button group to a different color (variant of Themed Button) everything is fine UNTIL I change the size of the button group component then the label is set to default. It doesn’t matter if I set a Property on the label in the Main button component or not. All layers are named correctly (triple checked)

This topic has been closed for replies.

4 replies

y_toku
Figmate
y_toku
Community Support
September 6, 2024

Hi there,

Thanks for reaching out! I just to hope to confirm if it’s a feature limitation or not. Would you be able to share the video recording so I can understand the behavior? Or if it’s difficult, the screenshots or Figma file would be helpful! If you can share the file link, please add support-share@figma.com to you file. It won’t affect your billing. I hope I can investigate it further.

Thanks!
Toku

roald.boerema
roald.boeremaAuthor
New Member
September 9, 2024

Hi Toku,

Thanks in advance for the help you want to give

I’ve added you to a demo file concerning our nested component issue.

Thanks
Roald

y_toku
Figmate
y_toku
Community Support
September 10, 2024

Hi Roald.

Thanks for the file link; we can access it now. After checking your file, it might be a potential bug. Could you kindly submit a bug report detailing the steps that led to this issue?

You can do so by following this link:
Submit a Bug Report

My apologies for asking you to fill out the form again.

Thanks for your understanding.
Toku

andrei_alikimovich
andrei_alikimovich
October 30, 2024

I think I have a similar issue.

Each icon in my set has two style and three sizes. All layers named the same way.
Also I have an icon button that changes colors depending on its type (e.g. default, error, success).

I want to be able to change type of the button, change style of the icon within it, swap the icon if needed, so that colors and styles transfer when I swap icons. Even though all the layers are named properly, it doesn’t work. When i swap icon either color in the instance resets, or something weird happens, e.g. color resets in the master component.

I’ve tried a couple of different approaches, using variables and modes, or doing everything without them, nothing helps.

here is a demo file

Terms & ConditionsAccessibility statement