How can I set a custom state like `mode` (e.g., `signup` or `login`) on a reusable component?

[prosto.duda]

How can I set a custom state like mode (e.g., signup or login) on a reusable component, so I can show different hidden groups inside it based on this state when a button is clicked?

I use canvas template. They already have signup/login reusable element. I have button by button I show up this component, but it appear empty. Look like i need set mode to show login/signup.

For example, I have a reusable component for login/signup. Inside it, there are two groups: one for the login form and another for the signup form. I want to toggle the visibility of these groups based on a custom state called mode (e.g., login or signup) when a button outside the component is clicked. How can I achieve this setup in Bubble? Do you have some tutorial?

condition look like this:

[gustavosales0809]

I don’t know if it’s possible to do this, I had the same problem

Maybe you can create the same custom state or reusable element, but I don’t think it would work

What I did to get around this problem was use the website URL

Example
Go to page Workflow

Page: Ajuda
Key = a
and DuvidasFrequentes

how the URL looks

and now you will need to make conditions on the groups

something like that

everything is working the same way it would with custom states

[prosto.duda]

Thanks for an answer. But the answer much simpler. Just need to use set custom event from reusable element"

[gustavosales0809]

I’ve never seen them do it like that
It’s a great option too

[iwakinomotoye]

@gustavosales0809

if it’s possible to do this, I had the same problem

Maybe you can create the same custom state or reusable element, but I don’t think it would work

What I did to get around this problem was use the website URL

Example
Go to page Workflow

Hi @prosto.duda also running a “go to page” action that redirects to the login page with query parameter m=signup or query parameter m=login can redirect what is visible to the user.