Required Properties

data - Array of objects with hierarchical structure

idMember - Property name for unique node identification

pathMember - Property defining hierarchical paths (e.g., "1", "1.1", "1.2.3")

displayValueMember - Which property to show as node text

Optional Properties

expandLevel - Auto-expand nodes up to this depth (default: 2)

shouldToggleOnNodeClick - Click node to expand/collapse (default: false)

sortCallback - Custom function to sort tree nodes (uses internal sorting if not provided)

Path Structure

Paths use dot notation: root nodes ("1", "2"), children ("1.1", "1.2"), grandchildren ("1.1.1"), etc.

Level 0

All nodes collapsed. Users must manually expand.

Level 1

Only root level nodes visible.

Level 2+ (Default)

Shows root and first level of children.

Performance Note

Higher levels may impact initial render time with large datasets.

Use Cases

• File browsers: Level 2-3
• Navigation menus: Level 1-2
• Organization charts: Level 3-4

Default Behavior

When you don't specify optional properties:

• expandLevel: 2 - Shows 2 levels
• shouldToggleOnNodeClick: false - Click disabled
• sortCallback: undefined - Data order preserved

Perfect For

• Quick prototyping
• Simple display-only trees
• Static hierarchical content