TreeView

All Components

TreeView

A configurable tree view for hierarchical data. Supports lazy loading, multi-select, drag-and-drop, context menu, inline rename, search, starred items, sort, and extensible node types.

Basic File Tree

3-level folders and files. Click to select, double-click to activate. Expand/collapse with chevron or arrow keys.

Selected:

Lazy-Loaded Tree

Click a folder to load children asynchronously (500ms simulated delay). Bootstrap spinner shown during load.

Status:

Multi-Select + Starred

Ctrl+Click to toggle, Shift+Click for range. Star items to add them to the favourites group.

Selection:

Context Menu + Inline Rename

Right-click for context menu. Press F2 to rename a node inline.

Action:

Drag and Drop (Internal)

Drag nodes between folders. Drop indicators show before/inside/after positions.

Drop:

Dual Tree (Cross-Tree Drag)

Two side-by-side trees. Drag nodes between them.

Cross-drop:

Search and Sort

Toolbar search with match highlighting. Sort buttons change ordering.

Explorer-Style (Full Integration)

Org units, folders, assets with badges, starred, context menus, and inline rename.

Action:

Stress Test — Virtual Scrolling (100K Nodes)

100,000 nodes generated at runtime. Virtual scrolling auto-activates. Try arrow keys, search, expand/collapse.

Status: