[Accordion: Controlled Tab] Addressing 'Click to Expand All' and 'Click to Collapse All' Prop Concerns

[Kritvi-bhatia17]

Problem

In the Controlled tab under Accordion, there are concerns regarding the "Click to expand all" and "Click to collapse all" props:

1. Placing two primary CTAs/buttons next to each other is not recommended.
2. This could potentially create confusion for users, as the CTAs seem like a part of the component/design rather than just props.

It's necessary to examine other components where similar props are utilized.

Ref: Issue #15757

---

Possible solution

1. Consider creating a tab called 'Examples' under 'Accordion' to accommodate the 'Controlled' tab.
2. Explore alternative placements or methods for presenting the CTAs.
   Example - Migrate to Carbon
   

Tasks

Beta Give feedback

1. Create a list of all the components that have similar state / tab

[github-actions]

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.

[alina-jacob]

Here's a reference link for an existing design (by w3) around "Expand/Collapse all" feature for Accordion.

Also sharing some simple draft explorations presented in Design-crit.

[sstrubberg]

Let's make a list of the ones that don't make sense.. i.e.- the controlled stories and make them available for devs only in the local developer environment.