umbraco-tree
Umbraco Tree
What is it?
A tree in Umbraco is a hierarchical structure of nodes registered in the Backoffice extension registry. Trees display organized content hierarchies and can be rendered anywhere in the Backoffice using the <umb-tree /> element. They require a data source implementation to fetch root items, children, and ancestors.
Documentation
Always fetch the latest docs before implementing:
- Main docs: https://docs.umbraco.com/umbraco-cms/customizing/extending-overview/extension-types/tree
- Sections & Trees: https://docs.umbraco.com/umbraco-cms/customizing/overview
- Foundation: https://docs.umbraco.com/umbraco-cms/customizing/foundation
- Extension Registry: https://docs.umbraco.com/umbraco-cms/customizing/extending-overview/extension-registry
CRITICAL: Tree + Workspace Integration
Trees and workspaces are tightly coupled. When using kind: 'default' tree items:
- Tree items REQUIRE workspaces - Clicking a tree item navigates to a workspace for that entity type. Without a workspace registered for the
entityType, clicking causes "forever loading"
More from umbraco/umbraco-cms-backoffice-skills
umbraco-backoffice
Umbraco backoffice extension customisation - complete working examples showing how extension types combine
185umbraco-controllers
Understand and create controllers in Umbraco backoffice (foundational concept)
171umbraco-extension-template
Create new Umbraco backoffice extensions using the official dotnet template
170umbraco-dashboard
Implement dashboards in Umbraco backoffice using official docs
170umbraco-quickstart
Quick setup for Umbraco extension development - creates instance, extension, and registers it
168umbraco-property-editor-ui
Implement property editor UIs in Umbraco backoffice using official docs
165