Skip to main content

Overview

Tree View organizes nested hierarchies such as file directories, nested navigation, and categories.

Folder Tree View

  • src
    • components
      • modal.js
      • toast.js
    • index.js
  • package.json
<ul class="tree-view" data-boodoo="tree">
  <li>
    <span class="tree-toggle expanded"></span>
    <span class="tree-item"><i class="hi-folder text-warning me-1" aria-hidden="true"></i><span>src</span></span>
    <ul>
      <li><span class="tree-item"><i class="hi-file text-muted me-1" aria-hidden="true"></i><span>index.js</span></span></li>
    </ul>
  </li>
</ul>