Taiga UI 5 is out!

Tree KIT

Examples API GitHub

TreeItem

[tuiTreeController]
directive used to enable opening/closing of nodes with children. Boolean input is the default state.
boolean

Tree

[childrenHandler]
handler function to get children for a node
TuiHandler<T, readonly T[]>
[content]
content template for tree nodes
PolymorpheusContent<TuiTreeContext>
[data]
data for the tree node
T
[tuiTreeController]
directive used to enable opening/closing of nodes with children. Boolean input is the default state.
boolean
[map]
a map used with controller directive for manual programmatic toggling.
Map<T, boolean>
[trackBy]
function used by *ngFor directive to render nested tree items.
TrackByFunction<T>

Tokens

TUI_TREE_CONTENT
provide your own component used internally to display node content (see this example )
PolymorpheusContent<TuiTreeItemContext>
TUI_TREE_CONTROLLER
provide your own open/closed controlling mechanism
TuiTreeController
TUI_TREE_ACCESSOR
provide your own tracker for value/node pairs (so you can match TreeItem instances to their corresponding data: T when using Tree component with custom open/closed controller)
TuiTreeAccessor<T>