Tree

Pass treeData and add checkable for checkboxes, with disabled or disableCheckbox on nodes people cannot change, like a locked folder.

Keep expandedKeys, checkedKeys and selectedKeys in your own state, updated from onExpand, onCheck and onSelect.

Add showLine to draw guide lines that connect each node to its parent.

Pass showLine an object with showLeafIcon to put an icon at the end of each leaf's guide line, like a file icon.

Add showIcon and give each node an icon, like a folder for branches and a file for leaves.

Use Tree.DirectoryTree for a file browser that selects the whole row and shows folder and file icons, with multiple for several files.

Add draggable and handle onDrop to move nodes, dropping one onto a folder to nest it or between rows to reorder.

Pass loadData to fetch a folder's children the first time it opens, with a spinner while they load.

Filter the tree from an Input, highlight the matching text and open the folders that contain a match with expandedKeys.

Set height to render only the visible rows, so a tree of a thousand nodes scrolls inside a fixed box.

Add blockNode so each row's highlight and click area fill the full width of the tree.

Set checkStrictly so checking a folder leaves its files alone, and each node is checked on its own.

Set expandedKeys from two buttons to open every folder at once or close them all.

A project files card with a directory tree where you add a folder, rename a row in place and delete one after a confirm.