Skip to main content
Question

Accordion Component Resets Content on State Change

  • March 21, 2025
  • 6 replies
  • 224 views
TanyaG

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

 

    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 & ConditionsCookie settingsAccessibility statement