Create your component with internal states, eg:

default --while hovering–> hover --while pressed–> pressed

Then just put it on a frame/screen, and add an on click interaction that goes to your desired frame (there’s no need to apply the onclick to the hover state, just the default will work).

I tried this and for some reason, the on click event stops working once I have hover at a lower level in the component. I tried it with hover and mouse enter / leave. This is how it looks on the Prototype tab. When I remove the hover or mouse enter interactions, the on click works. It’s like the underlying hover interaction prevents or takes precedence over the on click. Any idea what I might be doing wrong? Thanks.

Try using “while hovering” rather than the mouse enter interaction? I’m away from my computer at the moment and can’t test it, but that’s the setup I usually use. Other thing might be to change the instance of the component to the mouse enter state in the design, and apply the on click event there. Shouldn’t make a difference, but this is a beta so you never know 🙂

Thanks Shane. That’s helpful. I changed it back to ‘while hovering’ and I noticed that there was an additional “change to” event that was triggered by an “on click” by mistake. So I cleaned that up and it works now. Tx!