AIAIAI Design System

Tree

Recursive hierarchy view with expand/collapse and selection. Suitable for org trees, category hierarchies, navigation. v1: no drag-and-drop, no cascading selection.

Built for the org-tree view in the occurrence-manager admin. Uses --tree-* tokens from components.css; data model is { id, label, children? }.

Default

Selected: · Expanded: uw, uw9

Keyboard navigation

  • ArrowRight — expand current node
  • ArrowLeft — collapse current node
  • Enter / Space — select current node