TreeView

Hierarchical tree structure for nested data with expand/collapse, selection, keyboard navigation, drag-and-drop reorder, and lazy loading hooks.

  • Workspace

    • Components

    • Tokens

Open TreeView Playground

Keyboard interactions

KeyAction
↑ / ↓Move focus between visible nodes
→Expand node or move to first child
←Collapse node or move to parent
EnterToggle expand/collapse and select node
SpaceSelect focused node
Home / EndJump to first/last visible node

Accessibility

  • Uses ARIA tree pattern roles (tree, treeitem, group).
  • Maintains roving focus (tabindex="0" on active row, -1 otherwise).
  • Reflects selection via aria-selected and expansion via aria-expanded.