Accordion

BsAccordion wraps the framework-agnostic <mp-accordion> web component. Headers and bodies come from 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