Moon Liveview Library

Accordion

Default Open in playground
Item 1
Content
Item 2
Content
Item 3
Content 
<.accordion >
  <.accordion_item>
    <.accordion_item_header>
      Item 1
    </.accordion_item_header>
    <.accordion_item_content>
      Content
    </.accordion_item_content>
  </.accordion_item>
  <.accordion_item>
    <.accordion_item_header>
      Item 2
    </.accordion_item_header>
    <.accordion_item_content>
      Content
    </.accordion_item_content>
  </.accordion_item>
  <.accordion_item>
    <.accordion_item_header>
      Item 3
    </.accordion_item_header>
    <.accordion_item_content>
      Content
    </.accordion_item_content>
  </.accordion_item>
</.accordion>
With header toggle Open in playground
Item 1
Content
Item 2
Content
Item 3
Content 
<.accordion >
  <.accordion_item>
    <.accordion_item_header>
      Item 1
      <:meta>
      <.accordion_item_toggle />
      </:meta>
    </.accordion_item_header>
    <.accordion_item_content>
      Content
    </.accordion_item_content>
  </.accordion_item>
  <.accordion_item>
    <.accordion_item_header>
      Item 2
      <:meta>
      <.accordion_item_toggle />
      </:meta>
    </.accordion_item_header>
    <.accordion_item_content>
      Content
    </.accordion_item_content>
  </.accordion_item>
  <.accordion_item>
    <.accordion_item_header>
      Item 3
      <:meta>
      <.accordion_item_toggle />
      </:meta>
    </.accordion_item_header>
    <.accordion_item_content>
      Content
    </.accordion_item_content>
  </.accordion_item>
</.accordion>