Interactive component dropdown

I created an interactive dropdown component with different states: default, hover, clicked and disabled.
The “clicked” state displays a list of items that can be clicked to trigger actions (e.g. load a frame or navigate to a page).
When I use the component in my prototype, I customize the labels of the list items by overriding the text.

Capture d’écran 2022-07-26 à 14.54.28

Problem: when I launch the prototype, the texts I defined in the instance do not appear but the default texts of the component.

Did I miss a step?

To preserve overrides, you need to add a hidden list of items to each of the variants.

Thanks for your answer!
Here’s what I currently get:

Not sure I get how having a hidden list of items can preserve overrides :wink:

If your variant differs in structure (missing layers or new ones added) from another variant, and also has different names, then this violates the override preserve.

So add a hidden list of items to your variants (Default, Hover and Disabled).

1 Like

It worked perfectly! Thanks for your help :pray: