Skip to main content
Levi_Jones
New Member
May 2, 2021
Question

Component Overrides don't apply to variants

  • May 2, 2021
  • 23 replies
  • 3670 views

Anytime I use a variant with overrides applied the interactive component causes the variant to revert to its default state in the prototype.

I may be doing something wrong, but it feels like a bug.

This topic has been closed for replies.

23 replies

RichPeniche
May 3, 2021

I have the exact same problem, @Levi_Jones.

I did an experiment where I removed the instance of a nesting component that contained the button which worked to get the different states of my buttons, but the content (icon + label) kept changing to the initial state, ignoring the overrides.

Y_J_M_S
October 29, 2021

Did any of you guys resolve this issue ? My main problem is with buttons and changing their CTAs

matt_albert
January 3, 2022

Any word on this? Basically I have a hover state button component but every instance reverts to the components default hover state color. How is this a bug?

Jason_Coe
January 10, 2022

Would be great to get this resolved. When I change a variant, i.e While hovering change button to hover variant it works well. The moment I go to my component library and make a subtle change, like the background colour, and publish I then go back to my main flow and accept the updates… at this point all my interactions have reset and I have to reapply the settings. I have done this so many times now that’s its making it a very longwinded exercise 🙂

Goji_Labs
January 19, 2022

I am having the same issue. I am creating an interactive sidebar, and my components have an icon and a title in them. The hover states work fine, but I also have an enabled state with an override that is not working. The enabled state will hold the changes to the copy, but not the icon that I want to change out. When clicking the enabled state will show my icon reverted to the default icon.

Kojin_Journey
January 21, 2022

Yes! I’m having the same issue and this a really serious bug! I can’t working with my library.

  1. The first time update the variants component, all the changes instance in different design file will reset to default.

  2. After first time reset, the variants instance will act as normal.

  3. Only affect with the file using library, if within same file it won’t happen this bug.

Figma team please fix this soon as possible, cuz i cannot update anything cuz it will make all my file reset to default status.

Ming
January 21, 2022

I have the same problem,please fix this as soon as possible

Jonathan_Slavuter
New Participant
February 11, 2022

+1 on this issue

Martin_Hill
New Participant
April 4, 2022

I would love the functionality to be able to add hover states to varients in components… if they worked in prototype/presentation mode.

icons are reverting back to the original state in the library

I’m looking forward to seeing this one fixed 🙂

Ian6
May 2, 2022

Same issue! On hover Figma refuses to respect the color change.