treeview.mdx 797 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. The Treeview plugin converts a nested list into a tree view where sub menus can be expanded.
  2. ##### Usage
  3. This plugin can be used as the data api.
  4. **Data API**
  5. Add `data-lte-toggle="treeview"` to any ul or ol element to activate the plugin.
  6. ```html
  7. <ul data-lte-toggle="treeview">
  8. <li><a href="#">One Level</a></li>
  9. <li class="nav-item menu-open">
  10. <a class="nav-link" href="#">Multilevel</a>
  11. <ul class="nav-treeview">
  12. <li><a href="#">Level 2</a></li>
  13. </ul>
  14. </li>
  15. </ul>
  16. ```
  17. ##### Example
  18. <ul data-lte-toggle="treeview">
  19. <li>
  20. <a href="#">One Level</a>
  21. </li>
  22. <li class="nav-item menu-open">
  23. <a class="nav-link" href="#">
  24. Multilevel
  25. </a>
  26. <ul class="nav-treeview">
  27. <li>
  28. <a href="#">Level 2</a>
  29. </li>
  30. </ul>
  31. </li>
  32. </ul>