Skip to main content

Tree()

Tree<T>(__namedParameters): Element

Tree - Hierarchical tree view with optional drag-and-drop and visibility

Renders a selectable tree with support for nested items, drag-and-drop, selection modes, and visibility controls. Use TreeItem to define nodes.

Type Parameters​

T​

T

Parameters​

__namedParameters​

TreeProps<T>

Returns​

Element

Examples​

<Tree items={items} expandedKeys={expandedKeys}>
  {(node) => <Node key={node.key} node={node} />}
</Tree>
<Tree>
  <TreeItem id='one' textValue='one'>
    <TreeItemContent>One</TreeItemContent>
    <TreeItem id='two' textValue='two'>
      <TreeItemContent>Two</TreeItemContent>
    </TreeItem>
  </TreeItem>
</Tree>