npx shadcn add https://hq-ui.vercel.app/r/tree
To enable multiple selections, set the selectionMode prop to multiple. This prop has no default value, so it must be explicitly defined.
A tree can be used to represent a folder structure, allowing users to expand and collapse folders to view their contents.
The tree can handle large datasets efficiently with infinite scrolling. This allows for loading more data as the user navigates through the tree, improving performance and user experience.
The tree supports drag and drop functionalities if you use the dragAndDropHooks prop along with the useDragAndDrop hook. You can drop data on the entire tree, individual items, add new items between existing ones, or rearrange items.