Skip to main content
Silvia MH
New Member
March 28, 2025
Question

Text Variant

  • March 28, 2025
  • 6 replies
  • 162 views
Hi. I have a Component for a portfolio with a text that will change on mouse hover. This text will be diferent in each card of the portolio. How can I change this text?
Now I have 1 component with 2 variants (default and hover), but when I put the variant hover in my page content, this not change is always ‘hover text’.
I’m new in figma and this topic is difficult to me. 

 

    This topic has been closed for replies.

    6 replies

    Nellya
    Power Member
    March 28, 2025

    Hi. This usually happens when the layer's names are not the same in component variants, but they should. Can you show a layers of your component or a link to the file?

    Silvia MH
    Silvia MHAuthor
    New Member
    March 28, 2025

    Is this capture enough?
     

     

    Nellya
    Power Member
    March 28, 2025

    Is this capture enough?
     

     

    Seems like i didn't correctly understand the issue at first. I thought you needed to change the text in the second variant while hovering, but it seems like you need to change first card to second while hovering and the text in the second variant should be different each time, am i correct? 

    Silvia MH
    Silvia MHAuthor
    New Member
    March 28, 2025

    ok. Then i need a new variant about hover variant, and there add a property text. Right?

    Nellya
    Power Member
    March 28, 2025

    ok. Then i need a new variant about hover variant, and there add a property text. Right?

    You need to put this text in Default state as well, but with a 0% opacity and add a text property. Here is an example ↓

     

    Silvia MH
    Silvia MHAuthor
    New Member
    March 28, 2025

    Wow. You're wonderful. Thank you so much for your help. I think it's much clearer to me now. That's what I needed. I must practice much more. 

     

    Thanks