Make accordion default to closed

makeshiftartist · April 28, 2024, 1:07am

I’m using the markdown editor and the accordion defaults to being opened. Is there a way to change this to being closed by default?

frank_williamss · April 28, 2024, 1:58am

You can use defaultOpen={false} to collapse the accordion by default.

frank_williamss · April 28, 2024, 2:51am

makeshiftartist · April 29, 2024, 1:56pm

Ohhh okay. The snippet from the markdown editor just has this

<Accordion title="Foobar" defaultOpen>
</Accordion>

Could the snippet be changed to show that the defaultOpen property takes a boolean? Like so

<Accordion title="Foobar" defaultOpen={true}>
</Accordion>

frank_williamss · April 29, 2024, 2:29pm

Yes, you can modify it in this way: defaultOpen={false} means it is collapsed by default, and defaultOpen={true} means it is expanded by default.