Skip to main content

Had to remove component properties to fix prototype interactions

  • January 8, 2026
  • 0 replies
  • 57 views

Joao_Cabral

Using a Button component as an example, one of its variants is the Muted button, and every style of button has a hover and press variant, which gets their Overlay frame with a different opacity color to reflect the hover and press. Then, in Prototype, I set the normal variant with a Change to While Hovering to the Hover variant, and a Change To While Pressing on the hover variant to the Press variant.

This works in isolation, however when using this Button component in other components, say in a Side Sheet footer as an action button, and I press the Present button, and I happen to change the text of the Button instance inside the Side Sheet, the text property content gets reset to the parent component's default. This also happens with any frame that gets bound to a property (Leading Icons, Trailing Icons, etc.).

To fix this, I simply unbound every such property, like boolean and text properties.

Having said all that, it seems to me these component interactions in prototypes and component properties are bugged, being unable to maintain themselves between states.