@vcl/vcl/data-tree/demo/example.html

The whole VCL in one package

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.1/css/all.css">

<div class="tree" role="tree" aria-activedescendant="activeItem">
  <ul role="group">
    <li role="sectionhead" class="list-heading">
      Heading
    </li>
    <li role="treeitem">
      <a class="icogram" href="#">
        <span class="icon fas fa-fw" aria-hidden="true" role="img"></span>
        <span class="text">Item 1</span>
      </a>
    </li>
    <li class="selected" role="treeitem" id="activeItem">
      <a class="icogram" href="#">
        <span class="icon fas fa-fw" aria-hidden="true" role="img"></span>
        <span class="text">Item 2</span>
      </a>
    </li>
    <li role="treeitem">
      <a class="icogram" href="#">
        <span class="icon fas fa-chevron-down" aria-hidden="true" role="img"></span>
        <span class="text">Item 3</span>
      </a>
      <ul role="group">
        <li role="treeitem">
          <a class="icogram" href="#">
            <span class="icon fas fa-fw" aria-hidden="true" role="img"></span>
            <span class="text">Item 4</span>
          </a>
        </li>
      </ul>
    </li>
  </ul>
</div>