Expose/hide nested instances -> at component property level

Need this as well !

I will piggyback on this and say I have definitely found a need for this within our system. For example, Have a core navigation component created for my team.

Some properties are pre-defined and should be the same across all instances (ex. Menu Item A should always have “Show Right Icon” on because it’s a link). I need the ability to lock or hide, since team members should not be able to override this decision.

However, in the same component, there are properties that my team should have control over, such as changing Menu Item A from “Unselected” to “Selected”

Keeping this open because I need this too on our design system…Hi Figma!

+1, is really needed!

+1, we need this.

+1 Needed over here too

+1 Really need this

I also need this feature. My customer designers get overwhelmed by all of the options some of my larger components have.

I also have trouble where large components that are composed of smaller ones will have identical properties at multiple levels. All parts of complex components all need to be set to the same platform (“Mobile”), for example. It is necessary for me to hide those platform options at the lower levels, even if I need other properties exposed at those levels.

It is too easy for one of those to get out of synch at the wrong level, which screws up the component.

Please oh please!

We also need this functionality in our designsystem. One example is our Icons where user chooses Icon by typing its name so the name property needs to be exposed, but the other properties (size, strong, active) is not allowed to set.

Another feature that would solve this is the option to pass down property values from the top component to nested components. In that case we’d simply have an Icon name property on the top component that is passed down to the Icon component (very similar to how it would be coded in React for instance).