Skip to content

Tree

@xngui/cdk/tree
@xngui/cdk/tree

Expand/collapse model and visible-node flatten.

Preview

Visible outline

2 rows visible · 0 branches expanded

  • Examples examples
import { XTreeExpansion, flattenVisibleNodes } from '@xngui/cdk/tree';
 
const expansion = new XTreeExpansion();
 
expansion.toggle('docs');
expansion.isExpanded('docs'); // → false
 
flattenVisibleNodes({
roots,
getId: (node) => node.id,
getChildren: (node) => node.children ?? [],
isExpanded: (id) => expansion.isExpanded(id),
});

Events

Interact with the preview — events will appear here.