Simple Tree View - Expansion

Learn how to handle expanding and collapsing Tree View items.

Controlled expansion

Use the expandedNodes prop to control the expanded items. You can also use the onExpandedNodesChange prop to listen to changes in the expanded items and update the prop accordingly.

Track node expansion change

Use the onNodeExpansionToggle prop to trigger an action upon a node being expanded.

API

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

• <SimpleTreeView />
• <TreeItem />