Skip to main content
Solved

Interactive calendar - components not working


Teri1

Hello.
I followed several similar tutorials in order to create an interactive calendar. In the first frame I created 3 different “states” of an element - default state, state while hovering and state after clicking. I connected them in the “prototype section”. I clicked on the “play” button and it worked, it changed the background color after hovering or clicking. But then I moved to the second step - making it a component so I can easily create several elements with different numbers with the same function (changing the background after hovering/clicking) and making an interactive calendar out of it. I made the whole first frame a component. Then I made a second frame and I pasted the first box from the component (default state) several times and changed the number inside. The boxes were automatically connected to the second box in the first frame (but not to the third). When I clicked on a play button, it didn’t work, the numbers (1, 2 and 3) didn’t change their background after hovering/clicking. What did I do wrong? I just want to “pre-make” the function so I can easily paste numerous boxes with this function and change the numbers on it.
Thank you all in an advance.


d

Best answer by Teri1

I figured it out! 😃

View original
This topic has been closed for replies.

Celine_
Figmate
  • Community Support
  • January 10, 2024

Hey Teri,
Can you try creating an interactive component to see if it helps?
Here’s our guide to create interactive components with variants: https://help.figma.com/hc/en-us/articles/360061175334-Create-interactive-components-with-variants and, a tutorial video to better visualise it: https://www.youtube.com/watch?v=ReNbXhaL3Xk&t=109s
Hope this helps!


Teri1
  • January 10, 2024

I figured it out! 😃


Celine_
Figmate
  • Community Support
  • January 10, 2024

Glad to hear you’ve found a fix! :smiley:


  • July 2, 2024

Hey Hi @Teri1 , May I know how did you figured this out as I’m facing with the same problem as yours but its difficult to find what went wrong, it would be a great help if you could share how you sorted this out


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