data*required | TreeViewDataItem[] | | Data of the tree view. |
activeItems | TreeViewDataItem[] | | Active items of tree view. |
allExpanded | boolean | | Sets the expanded state on all tree nodes, overriding default behavior and current
internal state. |
className | string | | Class to add if not passed a parentItem property. |
compareItems | (item: TreeViewDataItem, itemToCheck: TreeViewDataItem) => boolean | (item, itemToCheck) => item.id === itemToCheck.id | Comparison function for determining active items. |
defaultAllExpanded | boolean | false | Sets the default expanded behavior. |
expandedIcon | React.ReactNode | | Icon for all expanded node items. |
hasBadges | boolean | false | Flag indicating if all nodes in the tree view should have badges. |
hasCheckboxes | boolean | false | Flag indicating if all nodes in the tree view should have checkboxes. |
hasGuides | boolean | false | Flag indicating if the tree view has guide lines. |
hasSelectableNodes | boolean | false | Flag indicating that tree nodes should be independently selectable, even when having
children. |
icon | React.ReactNode | | Icon for all leaf or unexpanded node items. |
id | string | | ID of the tree view. |
isNested | boolean | false | Flag indicating if the tree view is nested. |
onCheck | (event: React.ChangeEvent<HTMLInputElement>, item: TreeViewDataItem, parentItem: TreeViewDataItem) => void | | Callback for item checkbox selection. |
onCollapse | (event: React.MouseEvent, item: TreeViewDataItem, parentItem: TreeViewDataItem) => void | | Callback for collapsing a node with children. |
onExpand | (event: React.MouseEvent, item: TreeViewDataItem, parentItem: TreeViewDataItem) => void | | Callback for expanding a node with children. |
onSelect | (event: React.MouseEvent, item: TreeViewDataItem, parentItem: TreeViewDataItem) => void | | Callback for item selection. |
parentItem | TreeViewDataItem | | Internal. Parent item of a tree view list item. |
toolbar | React.ReactNode | | Toolbar to display above the tree view. |
useMemo | boolean | | Flag indicating the tree view should utilize memoization to help render large data sets.
Setting this property requires that the activeItems property is passed an array containing
every node in the selected item's path. |
variant | 'default' | 'compact' | 'compactNoBackground' | 'default' | Variant presentation styles for the tree view. |