Simple Tree View - Selection

Learn how to enable item selection for the Tree View component.

Multi selection

Apply the multiSelect prop on the Tree View to let users select multiple items.

Disable selection

Use the disableSelection prop if you don't want your items to be selectable:

Controlled selection

Use the selectedNodes prop to control selected Tree View items. You can also use the onSelectedNodesChange prop to listen to changes in the selected items and update the prop accordingly.

Track node selection change

Use the onNodeSelectionToggle prop if you want to react to a node selection change:

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.

• <SimpleTreeView />
• <TreeItem />