Expand All and Collapse All functionality on Button Click

I am using the PnP SPFx Accordion control in my SPFx solution I want make all Accordion Expanded and Collapsible on button Click.

Below is my one accordion I am changing the state on button click but some how it does not work.

<Accordion title="Overview" defaultCollapsed={this.state.overviewAccordionCollapsed} className={styles.itemCell} > <div className={styles.itemContent}> <div className={styles.itemReponse}> </div> </div> </Accordion>

[AJIXuMuK]

Hi @dineshtalekar777,

Currently Accordion control supports only “uncontrolled” flow: you can provide initial values, but after that the state is controlled internally.

I will mark this one as an enhancement as it makes sense to have “controlled” flow support.

EDIT: you can also look at AccessibleAccordion. It allows you to set dangerouslySetExpanded value for each accordion item.

[dineshtalekar777]

@AJIXuMuK & @verdeterrejim - By mistake code pushed to master branch instead of dev branch. Please review and check at your end.