Accordion

Example

<Bs::Accordion as |accordion|>
  <accordion.item as |item|>
    <item.button>Accordion Item #1</item.button>
    <item.body>Accordion Body</item.body>
  </accordion.item>
  <accordion.item as |item|>
    <item.button>Accordion Item #2</item.button>
    <item.body>Accordion Body</item.body>
  </accordion.item>
  <accordion.item as |item|>
    <item.button>Accordion Item #3</item.button>
    <item.body>Accordion Body</item.body>
  </accordion.item>
</Bs::Accordion>

Flush

<Bs::Accordion @flush={{true}} as |accordion|>
  <accordion.item as |item|>
    <item.button>Accordion Item #1</item.button>
    <item.body>Accordion Body</item.body>
  </accordion.item>
  <accordion.item as |item|>
    <item.button>Accordion Item #2</item.button>
    <item.body>Accordion Body</item.body>
  </accordion.item>
  <accordion.item as |item|>
    <item.button>Accordion Item #3</item.button>
    <item.body>Accordion Body</item.body>
  </accordion.item>
</Bs::Accordion>

Always open

<Bs::Accordion @alwaysOpen={{true}} as |accordion|>
  <accordion.item as |item|>
    <item.button>Accordion Item #1</item.button>
    <item.body>Accordion Body</item.body>
  </accordion.item>
  <accordion.item as |item|>
    <item.button>Accordion Item #2</item.button>
    <item.body>Accordion Body</item.body>
  </accordion.item>
  <accordion.item as |item|>
    <item.button>Accordion Item #3</item.button>
    <item.body>Accordion Body</item.body>
  </accordion.item>
</Bs::Accordion>