Accordion

BsAccordion wraps the framework-agnostic <mp-accordion> web component. Headers and bodies are contributed by BsAccordionItem, which renders them as siblings so the element can place each one in its own slot.

The accordion is built on native <details name> / <summary>, so it stays fully interactive with JavaScript disabled — single-open exclusivity included — and a closed tab's content is removed from the tab order and the accessibility tree by the browser itself.

Single-open

ProfileProfile contentSign inSign-in contentPaymentPayment content

Last toggle:

Multi

ProfileProfile contentSign inSign-in contentPaymentPayment content

Nested

Closing an outer tab collapses every accordion inside it, at any depth.

ProfileEmailinfo@example.comUsernameuser-nameSign inSign-in content

Source