Skip to main content
Question

Hovering card highlights parts of table

  • December 13, 2023
  • 1 reply
  • 170 views
I

Hello everyone,

I’m designing a table displaying several entries. Under the table there are 4 cards with a title and a number. While hovering, the card changes and shows some of the entries from the table above. Every card displays up to 4 set entries.
What I want: when I hover the card it doesn’t only change appearance, the related entries in the table above get highlighted too.
For the user, it would be clear which entries are used to calculate the number on the given card.

Does anyone have an idea how to implement such a function?

Thank you very much in advance!

This topic has been closed for comments

y_toku
Figmate
  • y_toku
  • Community Support
  • December 14, 2023

Hi there,

Thanks for reaching out. As long as I understand correctly, I think you can use interactive components with variants. When you set up the interactions, you can link the card hovering actions to a table. I’m not checking the file, so I’m probably missing something. Please let me know if I am misunderstanding.

If you have any problems with your file, could you share the screenshots or video recording?

Thanks,
Toku

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