data contract

TreeView

Expandable hierarchy — files, org charts, nested categories.

Variants

  • default
  • with-icon
  • multi-select

Sizes

  • sm
  • md

Example

<TreeView nodes={fileTree} onSelect={openFile} />

Usage rule

role="tree" + role="treeitem". Use Radix or the WAI-ARIA tree pattern.

The full TreeView contract has 4 more rules, plus the do-not patterns. Get the full recipe.

Get the TreeView contract in your project.