Trigger a Component When Another Component is Triggered

Question

HelloI am very new to Adobe XD so please excuse the possibly very noobish question. I have a button that changes state when hovered over, but there is also a text component on the button. When the button is hovered over, I want the text to get a lighter shade of green. I cannot figure out how to do this without directly hovering over the text itself. I watched a YouTube video on nested components, but that did not seem like what I needed (it was also a terrible video, so that might be the reason).Any help would be greatly appreciated.

AkinGn · Accepted Answer

Hi @Criel, instead of using text's hover state, you can add another state to text component (let's call it "light blue" as I did in my example) and while you're on button's hover state, you can change the text to be in its "light blue" state. Hope this makes sense, I tested on a sample file, its prototype link is here: https://xd.adobe.com/view/3d503ff7-c2d0-46df-936f-b1e34e5fd8b0-6803/  and the file link is here: https://www.dropbox.com/s/z6ja4otwh5675a6/bt-hover-text.xd?dl=0 Hope this helps!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded