Skip to main content
TanyaG
TanyaG
New Member
March 21, 2025
Question

Accordion Component Resets Content on State Change

  • March 21, 2025
  • 6 replies
  • 319 views

I have a Design system file with a component Accordion. As you can see in the video linked below, it has 2 states: open and closed, and inside it has a placeholder component for content. The idea is to replace placeholder with real content when needed.

Now I want to use this component in another file, so I replace placeholder with “real content”. When I play it tho, my real content is replaced with original placeholder - and that’s not what I want. BUT, when I start with its state OPEN, then it works as expected. How do I solve this?

Here is a video I recorded if that helps visualize it

 

    This topic has been closed for replies.

    6 replies

    JBrowne
    JBrowne
    New Member
    July 20, 2025

    I am having this exact issue as well. Have you found any solutions?

    Elle Levy
    Elle Levy
    New Member
    December 24, 2025

    I am having this issue right now as well

    fishkan
    fishkan
    New Member
    February 4, 2026

    Would love to know if anyone else has found a solution for this as well! I’m unfortunately facing the exact same issue as OP :’-o

    Elle Levy
    Elle Levy
    New Member
    February 4, 2026

    I was able to fix by making sure that the closed variant of the accordion had the same content as the open state, but toggled off the visibility. Previously, I didn’t have the content in the closed state and I think that was where the prototype didn’t know what it was doing when navigating open and closed states when holding content. Making this change allowed custom content come through without going back to the original placeholder content.

      fishkan
      fishkan
      New Member
      February 4, 2026

      I was able to fix by making sure that the closed variant of the accordion had the same content as the open state, but toggled off the visibility. Previously, I didn’t have the content in the closed state and I think that was where the prototype didn’t know what it was doing when navigating open and closed states when holding content. Making this change allowed custom content come through without going back to the original placeholder content.

      Oh my gosh, thank you so much! I just tried this and it solved my issue perfectly. I suppose the missing content from my accordion’s closed state really was the issue here :’-) Thanks again, appreciate it!

      Elle Levy
      Elle Levy
      New Member
      February 4, 2026

      I was able to fix by making sure that the closed variant of the accordion had the same content as the open state, but toggled off the visibility. Previously, I didn’t have the content in the closed state and I think that was where the prototype didn’t know what it was doing when navigating open and closed states when holding content. Making this change allowed custom content come through without going back to the original placeholder content.

      Oh my gosh, thank you so much! I just tried this and it solved my issue perfectly. I suppose the missing content from my accordion’s closed state really was the issue here :’-) Thanks again, appreciate it!

      Absolutely! So glad it worked for you too! 

      Terms & ConditionsAccessibility statement