JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://rawgit.com/connors/photon/master/dist/css/photon.css">
<link rel="stylesheet" href="https://rawgit.com/MauriceConrad/PhotonKit-Components/master/Photon-Components/frame-list/dist/frame-list.css">
<script src="https://github.com/MauriceConrad/PhotonKit-Components/blob/master/Photon-Components/frame-list/dist/frame-list.js"></script>
<div class="window">
  <div class="window-content theme-gray">
    <div class="main-border">
      <div class="content-frame">
        <div class="frame-inner">
          <ul class="list-select list-editable">
            <li class="active" draggable="true">
              <details>
                <summary>Apple</summary>
                <ul>
                   <li>Test</li>
                   <li>Einfarbig</li>
                </ul>
              </details>
            </li>
            <li draggable="true">
                  <span>Fotos</span>
            </li>
            <li draggable="true">
              <span>Ordner</span>
            </li>
          </ul>
        </div>
      </div>      
    </div>
  </div>
</div>