Accordion | Laminar | Anduin Design

AccordionL(
  items = List(
    AccordionL.Item(
      renderHeader = div(
        tw.heading3,
        "First item"
      ),
      renderContent = div(
        tw.wFull.flex.itemsCenter.justifyCenter,
        height.px(100),
        "Body of the first item"
      )
    ),
    AccordionL.Item(
      renderHeader = div(
        tw.heading3,
        "Second item"
      ),
      renderContent = div(
        tw.wFull.flex.itemsCenter.justifyCenter,
        height.px(100),
        "Body of the second item"
      )
    ),
    AccordionL.Item(
      renderHeader = div(
        tw.heading3,
        "Third item"
      ),
      renderContent = div(
        tw.wFull.flex.itemsCenter.justifyCenter,
        height.px(100),
        "Body of the third item"
      )
    )
  )
)()

AccordionL(  items = List(    AccordionL.Item(      renderHeader = div(        tw.heading3,        "First item"      ),      renderContent = div(        tw.wFull.flex.itemsCenter.justifyCenter,        height.px(100),        "Body of the first item"      )    ),    AccordionL.Item(      renderHeader = div(        tw.heading3,        "Second item"      ),      renderContent = div(        tw.wFull.flex.itemsCenter.justifyCenter,        height.px(100),        "Body of the second item"      )    ),    AccordionL.Item(      renderHeader = div(        tw.heading3,        "Third item"      ),      renderContent = div(        tw.wFull.flex.itemsCenter.justifyCenter,        height.px(100),        "Body of the third item"      )    )  ))()