I have a project with Prototype screens on one page, and components on another screen.
Within the components screen, I’ve a dropdown component with two variants - open & closed.
This is then placed within another “table” component with several variants on that page - with the previous component nested at the end of each row.
The table component is then being pulled into different screens within the ‘Protytype’ page of the project - with variables determining which table variant appears.
What I want and can’t seem to do is determine which screen a user goes to, when they click the dropdown items in each row (which is essentially a nested component on a separate page. How would I accomplish this?
I don’t see a way to use variables within the navigate option. Nor do I see a way to pass that click through to the page, from a component on a separate page.
I tried to circumvent it by using “open link” with ‘new tab’ unchecked and sending the user to the link of that page on a prototype, but this seems to require the link work only within a browser, not the app, and if I share it to an incognito page to avoid simply sending me to the Figma design screen (within a browser), it tries to make me sign up. I don’t want to sign up. I simply want to link to a screen on a different page.
Also, because it’s a variant of a nested component, I’m not seeing any way I can do this by creating an instance of it within the design page. The needs of local variables, and variants is making this quite impossible without creating dozens of unnecessary pages.