Hover effect for components with different data

Hi all,

So I made this component which I animated using a hover effect. It works perfectly fine!

However… When I change the text/icon inside that component, the hover effect will trigger the initial hover version without the altered text.

My question is: Is there a way to apply the hover effect on variants of that card without recreating the component for all other variants?

Rename the layers to match each other in both Variants, or apply the appropriate component props to the desired layers.

For example:

  1. Variant 1 and Variant 2 (renamed nested layers)
    – Icon
    – Title
    – Description

  2. Variant 1 and Variant 2 (applied component props)
    – Icon (Icon instance swap prop)
    – Title (Title text prop)
    – Description (Description text prop)

1 Like

I need to name my layers correctly… That did the trick! Thanks! :slight_smile:

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