MUI X Tree View

A Tree View widget presents a hierarchical list.

Tree views can be used to represent a file system navigator displaying folders and files, an item representing a folder can be expanded to reveal the contents of the folder, which may be files, folders, or both.

Available components

There are two versions of the Tree View available.

SimpleTreeView

The SimpleTreeView component receives its items as JSX children. It is designed for simple use-cases where the items are hardcoded.

RichTreeView

The RichTreeView component receives its items through the items prop. It is designed for more advanced use-cases where the items are dynamically loaded from a data source.

API

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

• <RichTreeView />
• <SimpleTreeView />
• <TreeItem />
• <TreeView />