Skip to main content

Set min width for nested component instance

  • July 24, 2024
  • 9 replies
  • 111 views

Hugo_Jerks

An edge case however I’d love to see this update eventually.

I have a segmented button component that contains nested button component variants.
This segmented button component lives in many different places in my UI, utilising the different forms of the nest button component (text , icon, icon and text)
I’d like to be able to set a min width to the nested button components inside my segmented button component instance WITHOUT having to set the min width to the master button component.

Thank you.

9 replies

Gayani_S
Figmate
  • Community Support
  • August 14, 2024

Hey @Hugo_Jerks, thank you for taking your time to share your feedback!

Community members can leave their feedback and upvote this post. Our team can look into this for improvement.

Thanks,
Gayani


Dustin_Hansen2

There seems to be a bug where the Min and Max values do not show up on component instances?

The values do get applied, but they do not show up in the W (width) and H (height) fields, so there is no way to see that’s where the width is coming from, or to clear the min / max when an override is needed.

NOTE: this seems to happen only with nested components. In my example I have a button component, inside a “Button Group (Save or Cancel)” component. An instance of the button shows the Min width, but the button in an instance of the button group does not.



Possibly related: Can’t remove min and max height when the component is nested


Maria C G
  • New Member
  • April 12, 2025

Hi  Dustin, 
I have the same problem. Did you find any solution? 
Thank you!


Jack Lim
  • New Member
  • April 15, 2025

I’m also having the same problem. Couldn’t fathom the reason. 


Erman Tutan
  • New Member
  • April 16, 2025

This happens with nested components. There doesn't seem to be anything to do except wait for an update to cover this issue. Simple but annoying :(


Mads_Emmertsen2

This would be really helpful for tables with nested table columns. The min / max  widths helps communicate to the developer how the table will behave when it gets resized


4CEE - Design

Same issue… it is making my whole prototype freak out due to auto layout settings and losing the max width ..


leeharrisonmellor

Same issue… really frustrating when I spent loads of time creating a complex component only to see it completely screw up when nested inside another component and I can’t think of any other way to make it work!


Lucian_Tudorache

Would be great to have this!