Hi everyone,
I’ve been struggling with a prototyping issue for several hours and haven’t been able to figure out a solution. Hoping someone here has encountered a similar problem or has a workaround.
Setup:
-
I have a button component that contains only an icon (also a component), and the icon is set up to be swappable via instance swap.
-
This button is used inside a navigation component, which has two variants (expanded/collapsed).
-
Each variant is supposed to use a different icon inside the button — a left oriented arrow for expanded state and a right oriented arrow for collapsed state.
-
In design mode, everything works as expected. Switching between the navigation variants shows the correct icon in the button.
Problem:
-
In prototype mode, the icon does not change to the right oriented icon when the navigation component switches (via a "Change to" interaction).
Question:
Is this a known bug or limitation when swapping component instances in nested structures during variant changes in prototypes?
Is there a reliable workaround to ensure the icon updates as expected when switching variants?
I’ve attached a simple test file that demonstrates the issue.
Any help or insight would be hugely appreciated!