BwAccordion | bw-accordion

Overview

An accordion is a container for multiple BwDetails components, and will automatically close the others when one is expanded.

This component implements the accordion pattern.

Usage

Basic

Hello there

Hello there pt 2

Hello there pt 3

<bw-card>
  <bw-accordion>
    <bw-details summary="Detail 1" open>
      Hello there
    </bw-details>
    <bw-divider></bw-divider>
    <bw-details summary="Detail 2">
      Hello there pt 2
    </bw-details>
    <bw-divider></bw-divider>
    <bw-details summary="Detail 3">
      Hello there pt 3
    </bw-details>
  </bw-accordion>
</bw-card>

---

© 2025 United Systems & Software - All Rights Reserved.