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

Trigger a Component When Another Component is Triggered

New Here ,
May 31, 2023 May 31, 2023

Copy link to clipboard

Copied

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

Views

153

Translate

Translate

Report

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!

Votes

Translate

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

Copy link to clipboard

Copied

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!

Votes

Translate

Translate

Report

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