Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Trigger a Component When Another Component is Triggered

New Here ,
May 31, 2023 May 31, 2023

Hello
I 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.

TOPICS
How to
315
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jun 02, 2023 Jun 02, 2023

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!

Translate
Community Expert ,
Jun 02, 2023 Jun 02, 2023
LATEST

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!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines