Skip to main content
Solved

Button component text changes back to default on hover

  • January 27, 2022
  • 4 replies
  • 8012 views

Jip_Asveld1

Hello,

ezgif.com-gif-maker

I created a button component with a hover state. In the component, I added a default text ‘text’ which is also the name of the layer. When I use this component in my design and change the text (‘ADD’) then it changes back to the default ‘text’ when I hover the button in prototype mode. I added a screen recording to clarify the issue

How do I make sure that the adjusted text is maintained after I hover in prototype modus?

Thanks already, Jip

Best answer by tank666

There are layer name mismatches in your components that prevent the text override from being saved. To fix this, simply rename the nested components LightMode/Default/min-width btn and LightMode/Hover/min-width btn to e.g. base-btn.

View original
This topic has been closed for comments

4 replies

tank666
  • 4859 replies
  • January 27, 2022

Hi @Jip_Asveld1, could you share an example file?
From this entry, it is impossible to determine the cause and find out how your component is arranged (component structure).


Jip_Asveld1
  • Author
  • 2 replies
  • January 27, 2022

Hello @tank666

Here is a link to the file:

Figma – 27 Jan 22

Hope that does give you enough privileges to discover the issue?


tank666
  • 4859 replies
  • Answer
  • January 27, 2022

There are layer name mismatches in your components that prevent the text override from being saved. To fix this, simply rename the nested components LightMode/Default/min-width btn and LightMode/Hover/min-width btn to e.g. base-btn.


  • 0 replies
  • February 26, 2022

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


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