Tree view components

A tree view consists of TreeView (root container), TreeView.Item (a tree node that can contain children), and TreeView.ItemContent (the visible label and icon content of a node).

Pass selectionMode="multiple" to the TreeView component. Selected keys can be controlled with selectedKeys and onSelectionChange, or uncontrolled with defaultSelectedKeys. A node whose subtree is only partly selected renders an indeterminate checkbox.

Pass the isDraggable prop to TreeView and use the onReorder and onMove callbacks with React Aria's useTreeData hook to handle item repositioning.

The tree view supports sm and md sizes via the size prop. The sm size is more compact, while md provides more spacing for readability. Set hasGuides to replace the plain indentation with connecting guide lines.