I have two files: my library where I keep all of my components and another file where I’m creating my design. As I was working on my prototype I created my components in my working file instead of the library. So I moved all of the components to my library file. When I play my prototype, there’s a very important part that isn’t working anymore.
How it should work:
As I click in the menu icon, I get this dropdown:
However, this is not working. When I click on the dropdown menu, nothing happens. This is how I structured my components in the library. As you can see I have hover states for some components:
It does not work because the overlay (= instance of Side Bar Menus component) belongs to your “library” files now. Figma is not yet able to play prototype with elements spread among different pages/files.
You can still solve your probleme by :
a) nesting a instance of “Side Bar Menus” into “Sidebar Components” on your library file
b) override the menu icon action: “On Click” on your other file to open an instance of Side Bar Menus in the same file
I change your Side Bar Menus component to create a submenu-item instead, with a hover property
In sidebar I kept the state hover and I add a on Click state (triggered by a click on the icon button on far left of sidebar)
This new state display an autolayout with 4 instances of sidebar menu item
Since the whole component is on the same file, wherever I import sidebar component it worked.