AccordionItem - feature to toggle isExpanded outside the component - possible Octoberfest item?

[marmid74]

Is your feature request related to a problem? Please describe.

In our application we have an Accordion table which is default collapsed at initial render. However we want to toggle isExpanded when the user starts to fill in a filter search string.
Initial render:

Describe the solution you'd like

Render and set AccordionItem to isExpanded when entering a filter search string.
We wish to toggle "isExpanded" when user enters a filter search string.

Additional context

This feature could be suitable as an OctoberFest issue

[vnys]

Thanks for the feature request, being able to control the accordion from the outside from a query param or url segment has been discussed previously, so that’s another use case that would be solved by adding this feature. If it’s a good first issue is another discussion 😉 Would you be willing to have a look at it yourself if we make this a hacktober-issue?

[marmid74]

Vi gjør et forsøk :-)

[imp-dance]

If I understand correctly, this can be solved by adding a useEffect to AccordionItem.jsx :

React.useEffect(() => {
   setExpanded(isExpanded)
}, [isExpanded]);

Which would allow users to programatically change the isExpanded-prop on demand.

This would be my first contribution, so if you guys think this is a decent solution then I can submit a pull request from my fork.