JSFiddle - React, Tailwind, and code Playground

by Thasmo

HTML

<my-accordion>
  <my-accordion-item title="Title 1">
    Content 1
  </my-accordion-item>
  
  <my-accordion-item title="Title 2">
    Content 2
  </my-accordion-item>
</my-accordion>

<!-- to -->

<div>
  <section>
    <header>Title 1</header>
    <div>Content 1</div>
  </section>
  
  <section>
    <header>Title 2</header>
    <div>Content 2</div>
  </section>
</div>