Skip to main content
Question

Interactive Component Icon Component Set Variant Not Being Preserved

B

I created a component set of icons with a property : Name

image

I created a component set of card title with one property: animated, so that whenever you hover over an instance of that component, it changes to the animated true
image

I created a component set of card with one property: animated, so that whenever you hover over an instance of that component, it changes to the animated true

The card contains an instance of the icon set and a card title.

image

In my frame, when I toggle a card’s hover state, it shows the proper icon with the proper label.

But when I play it, hovering over a card shows the correct label and just the icon I happened to have in the hover state of the card’s hover variant.

Screenshot 2024-01-25 143419

Screenshot 2024-01-25 143458

What am I missing? Any help would be appreciated.

Here is the link: https://www.figma.com/file/mlXsgqhEoLsCCGvHcvYNpL/Fobesoft?type=design&node-id=2%3A503&mode=design&t=OYwDSssOBk1ODT0l-1

2 replies

andreas_kramer

I’ve tried to look at the file, but i do not have access to it.

Any how there should be a pretty simple fix for it i think.

Here is an example:

Figma
B
  • Benjamin32
  • Author
  • 1 reply
  • January 25, 2024

@andreas_kramer thanks for the fix. I found what went wrong I didn’t create an instance property for the icon. Thanks a mil. 🙂

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings