Skip to main content
October 13, 2020
Answered

Component States - problems

  • October 13, 2020
  • 1 reply
  • 1065 views

Hi, I have a problem with component states. I created a component with three states:

1. Normal (Main)

2. Hover

3. Selected

 

When I change the color of the icon in the selected state I see the change normally in the main component. When I drag the component from the assets panel and select the selected state the icon is back to black.

 

The thing is when I drag/copy the main component on the artboard the state is ok. But I see the icon for overrides.

 

Is that a bug or am I doing it wrong? The file is on Dropbox.

 

https://www.dropbox.com/s/74h93j2flv3me26/States%20%E2%80%94%20problem.xd?dl=0

This topic has been closed for replies.
Correct answer FrancoBits

Is the icon another component? If yes, this is the problem. Adobe XD doesn't worl well with nested components. When creating a new instance of the main component (with the smalled component inside), it gets the original component of the inner component.

1 reply

FrancoBits
FrancoBitsCorrect answer
Legend
October 13, 2020

Is the icon another component? If yes, this is the problem. Adobe XD doesn't worl well with nested components. When creating a new instance of the main component (with the smalled component inside), it gets the original component of the inner component.

October 13, 2020

Thank you for your answer. Yes, it's a nested component. That is the problem then.

Harshika Verma
Community Manager
Community Manager
October 18, 2020

Hi there,

 

It looks like you're having the similar issue discussed here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/38973007-allow-component-instance-overrides-to-be-inherited

 

If so, please submit your feedback and upvote the request to add your voice.

 

Hope it helps.

 

Thanks,

Harshika