MarkupRefineLib

Menu


Tree list

Use mr-tree as the only component root. Standard lists anddetails/summary elements provide the internal structure.

<div class="mr-tree">
  <ul>
    <li>Root
      <ul>
        <li>Child</li>
        <li>
          <details open>
            <summary>Branch</summary>
            <ul><li>Leaf</li></ul>
          </details>
        </li>
      </ul>
    </li>
  </ul>
</div>