Navigation / Hierarchical navigation
Tree
Navigate namespaces and categories in an expandable hierarchy.
Basic usage
HTML
<ul class="tree">
<li><details open><summary><span>Components</span><span class="tree-count">2 items</span></summary>
<ul><li><a href="../chip/">Chip</a></li><li><a href="../table/">Table</a></li></ul>
</details></li>
</ul>Classes & attributes
| Class / attribute | Purpose |
|---|---|
.tree | The root list. |
details / summary | Native, JavaScript-free disclosure. |
.tree-count | A labeled count of descendants. |
Usage notes
Keep the hierarchy shallow and give entries real destinations. Closed branches expand for printing in supported browsers.
Examples follow your system color scheme. Use ◐ in the header to try automatic, light, and dark themes.