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?
Best answer by tank666
Rename the layers to match each other in both Variants, or apply the appropriate component props to the desired layers.
For example:
Variant 1 and Variant 2 (renamed nested layers)
– Icon
– Title
– Description
Variant 1 and Variant 2 (applied component props)
– Icon (Icon instance swap prop)
– Title (Title text prop)
– Description (Description text prop)
Rename the layers to match each other in both Variants, or apply the appropriate component props to the desired layers.
For example:
Variant 1 and Variant 2 (renamed nested layers)
– Icon
– Title
– Description
Variant 1 and Variant 2 (applied component props)
– Icon (Icon instance swap prop)
– Title (Title text prop)
– Description (Description text prop)
I need to name my layers correctly… That did the trick! Thanks! 🙂
This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
