Component - Accordion

[ti10le]

Description

Accordion component to display some information by click on the main part of the accordion

• A11y from aria: useAccordion
• Figma Design: currently not existing
• Braid DS Accordion
• Carbon DS Accordion
• mui

Context

We need this component to make the Design System more complete and to support some use cases with n accordion.

Use Cases

In the new Checkout to click on Checkbox/Radio/Arrow and display information.

Consequences

Accordion can be used from marigold and does not have to be built by yourself.

[sebald]

react-aria support is only in alpha

[github-actions[bot]]

This issue is stale because it has been open 120 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[github-actions[bot]]

This issue is stale because it has been open 120 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[sebald]

Superseeded by #2388

[sarahgm]

some help:

• https://github.com/adobe/react-spectrum/blob/main/packages/%40react-spectrum/accordion/src/Accordion.tsx
• https://reactspectrum.blob.core.windows.net/reactspectrum/d77b35e970e5549f66b47a83f07423f5c93b7297/docs/react-aria/useAccordion.html

[sarahgm]

@sebald not cool https://github.com/adobe/react-spectrum/issues/1989

[sarahgm]

disabledKeys/expandedKeys not supported ??

[sarahgm]

Notes:

• should our component also marked as beta?
• right now only defaultExpandedKeys are allowed
• no disable
• no special styles
• also warning which says <Item> with non-plain text contents is unsupported by type to select for accessibility. Please add atextValueprop. :S

something I don't thought of @sebald