Highlighted

Component States - problems

Community Beginner ,
Oct 12, 2020

Copy link to clipboard

Copied

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

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.

TOPICS
Design, How to, Known Issue, Product performance

Views

122

Likes

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

Component States - problems

Community Beginner ,
Oct 12, 2020

Copy link to clipboard

Copied

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

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.

TOPICS
Design, How to, Known Issue, Product performance

Views

123

Likes

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
Oct 12, 2020 0
Contributor ,
Oct 13, 2020

Copy link to clipboard

Copied

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.

Likes

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
Reply
Loading...
Oct 13, 2020 2
Community Beginner ,
Oct 13, 2020

Copy link to clipboard

Copied

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

Likes

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
Reply
Loading...
Oct 13, 2020 0
Adobe Employee ,
Oct 18, 2020

Copy link to clipboard

Copied

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-com...

 

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

 

Hope it helps.

 

Thanks,

Harshika

Likes

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
Reply
Loading...
Oct 18, 2020 0