Tree

Interactive tree (<details> / <summary>)
  • src/
    • components/
      • button/
        • _button.scss
        • README.md
      • _accordion.scss
      • _card.scss
    • utilities/
      • _palette.scss
      • _spacing.scss
    • nomad-css-ui.scss
  • dist/
    • default.css
    • fluent2.css
    • material3.css
  • package.json
  • README.md
Rich rows with .tree-row / .tree-icon / .tree-badge
  • 📁 nomad-css 3
    • 📁 src 2
      • 📄 nomad-css-ui.scss
      • 📄 _variables.scss M
    • 📄 package.json
    • 📄 README.md
Navigation tree with active state
Compact (.compact) — dense data view
  • { } package.json
    • dependencies
      • sass ^1.77.0
      • eleventy ^3.0.0
    • version "1.0.0"
    • name "nomad-css"
Static hierarchy (no toggle) — always-visible nesting
  • Design System
    • Foundations
      • Color
      • Typography
      • Spacing
    • Components
      • Button
      • Card
      • Table
No guide lines (.no-lines)
  • 📁 Project
    • 📁 src
      • 📄 main.scss
    • 📄 package.json