+1 this is really needed also for us, exposing all the properties for some complex component is not useful, but being able to select which one to expose would solve our isse!
+1 Yes please!!
+1 No need to explain why we need this. Great idea.
+1 for us too
+1… please 🫶🏼
+1 pleaaase
Come here for the same issue. At the moment this lack prevents us to use the feature at all in our design system. We don’t want consumers to override all the properties (introducing confusion and inconsistencies) of predefined components coming from the shared library.
PS: Don’t forget to vote the thread
Would love the option to hide component props from consumers. For instance:
Component A
- Nested component B
- Nested component C
Component A is made up of two nested components, B and C. Components B and C have properties that are adjusted to provide variants of Component A. They’re really just for my use.
But if a designer “clicks in” to Component B, for instance, they can see its props, in the right sidebar (which I’ve used primarily to make those Component A variants). I don’t want them to touch the props for that nested Component B. I’d like to hide them.
I heard rumors that this might be an upcoming feature. Is this true?
Would also be highly interested in this. Would make things much easier for the consumers of our enterprise Design System.
I’m very interested by this feature !! For instances hide hover state of a button.
Hi all,
Thank you for your feedback! I switched this topic to a “Feature request”, so you can vote and we can accurately gauge interest from the community!
This is very useful when using nested instances and I would love to have this feature as well.
Bumping! This would really elevate design systems
I am using an instance of a component inside another component variant. I have added the variants property through the nested component features (which is btw awesome and attached a screenshot).
Currently, it imports all the properties from the nested component inside the component. I wonder if there will be a way to hide some properties. For instance more granular check box with every property of the nested instance (Screenshot 2) or renaming the property name with an underscore to hide the property when nested just the same logic on how we hide components from the library. (Screenshot 3) the properties beginning with the underscore _Platform or _Size could be hidden.
Very small fix but it is very powerful to exclude overrides that are unnecessary for certain properties.
Yes please, this feature is required.
Yess please. Im working with Interactive components and this feature would be very useful for my design system. I have different size variants of a spinning loader with their own prop Small
, Medium
, Large
. Ive added the loop animation steps for each variant however they require a prop else I get the conflicting error thing. I dont want to give it a prop so hiding component props would fix this.
I am having this exact issue currently. Would love to know a workaround.
Please, this feature could save my life In the meantime, my solution is to place an emoji
to indicate to the designer to not touch this props
Another option could be a menu on the line of the name of the component
In your example that would be “ IconRight
” with a flyout menu to turn visibility of component properties on/off
Edit:
Please help with this functionality, I remember that when I was working with Sketch they have it and it helped the designers a lot and to maintain consistency in the DS and in the designs and that was about 3 years ago aprox.