I created a figma sites page and I have created an accordion component with two states “collapsed” and “expanded”. The component has the interaction to change to the opposite on click. This works very well on normal figma prototype. Problem on figma sites:I added an instance of the accordion and adapted it’s content. Than I preview the site and the content of expaned accordion will be the placeholder content of the main component… To solve this problem I have created a component set of all 4 accordion parts with the individual text contents. If these accordion items are collapsed by default on the site, they won’t open. If I set the accordion items on expanded by default they will open and close without a problem… but I do not want to expand all items by default.Hope you can fix this issue, thank you!

Question

Figma Sites Accordion not working properly

I created a figma sites page and I have created an accordion component with two states “collapsed” and “expanded”.

The component has the interaction to change to the opposite on click. This works very well on normal figma prototype.

Problem on figma sites:

I added an instance of the accordion and adapted it’s content. Than I preview the site and the content of expaned accordion will be the placeholder content of the main component…
To solve this problem I have created a component set of all 4 accordion parts with the individual text contents. If these accordion items are collapsed by default on the site, they won’t open.
If I set the accordion items on expanded by default they will open and close without a problem… but I do not want to expand all items by default.

Hope you can fix this issue, thank you!