Package Exports
- @mui/x-tree-view
- @mui/x-tree-view/RichTreeView
- @mui/x-tree-view/SimpleTreeView
- @mui/x-tree-view/TreeItem
- @mui/x-tree-view/TreeItemDragAndDropOverlay
- @mui/x-tree-view/TreeItemIcon
- @mui/x-tree-view/TreeItemLabelInput
- @mui/x-tree-view/TreeItemProvider
- @mui/x-tree-view/esm
- @mui/x-tree-view/esm/RichTreeView
- @mui/x-tree-view/esm/SimpleTreeView
- @mui/x-tree-view/esm/TreeItem
- @mui/x-tree-view/esm/TreeItemDragAndDropOverlay
- @mui/x-tree-view/esm/TreeItemIcon
- @mui/x-tree-view/esm/TreeItemLabelInput
- @mui/x-tree-view/esm/TreeItemProvider
- @mui/x-tree-view/esm/hooks
- @mui/x-tree-view/esm/hooks/useTreeItemUtils
- @mui/x-tree-view/esm/icons
- @mui/x-tree-view/esm/internals
- @mui/x-tree-view/esm/internals/TreeViewItemDepthContext
- @mui/x-tree-view/esm/internals/TreeViewProvider
- @mui/x-tree-view/esm/internals/corePlugins
- @mui/x-tree-view/esm/internals/corePlugins/useTreeViewId
- @mui/x-tree-view/esm/internals/corePlugins/useTreeViewInstanceEvents
- @mui/x-tree-view/esm/internals/corePlugins/useTreeViewOptionalPlugins
- @mui/x-tree-view/esm/internals/models
- @mui/x-tree-view/esm/internals/plugins/useTreeViewExpansion
- @mui/x-tree-view/esm/internals/plugins/useTreeViewFocus
- @mui/x-tree-view/esm/internals/plugins/useTreeViewItems
- @mui/x-tree-view/esm/internals/plugins/useTreeViewJSXItems
- @mui/x-tree-view/esm/internals/plugins/useTreeViewKeyboardNavigation
- @mui/x-tree-view/esm/internals/plugins/useTreeViewLabel
- @mui/x-tree-view/esm/internals/plugins/useTreeViewLazyLoading
- @mui/x-tree-view/esm/internals/plugins/useTreeViewSelection
- @mui/x-tree-view/esm/internals/useTreeView
- @mui/x-tree-view/esm/internals/zero-styled
- @mui/x-tree-view/esm/models
- @mui/x-tree-view/esm/themeAugmentation
- @mui/x-tree-view/esm/useTreeItem
- @mui/x-tree-view/esm/utils
- @mui/x-tree-view/hooks
- @mui/x-tree-view/hooks/useTreeItemUtils
- @mui/x-tree-view/icons
- @mui/x-tree-view/internals
- @mui/x-tree-view/internals/TreeViewItemDepthContext
- @mui/x-tree-view/internals/TreeViewProvider
- @mui/x-tree-view/internals/corePlugins
- @mui/x-tree-view/internals/corePlugins/useTreeViewId
- @mui/x-tree-view/internals/corePlugins/useTreeViewInstanceEvents
- @mui/x-tree-view/internals/corePlugins/useTreeViewOptionalPlugins
- @mui/x-tree-view/internals/models
- @mui/x-tree-view/internals/plugins/useTreeViewExpansion
- @mui/x-tree-view/internals/plugins/useTreeViewFocus
- @mui/x-tree-view/internals/plugins/useTreeViewItems
- @mui/x-tree-view/internals/plugins/useTreeViewJSXItems
- @mui/x-tree-view/internals/plugins/useTreeViewKeyboardNavigation
- @mui/x-tree-view/internals/plugins/useTreeViewLabel
- @mui/x-tree-view/internals/plugins/useTreeViewLazyLoading
- @mui/x-tree-view/internals/plugins/useTreeViewSelection
- @mui/x-tree-view/internals/useTreeView
- @mui/x-tree-view/internals/zero-styled
- @mui/x-tree-view/models
- @mui/x-tree-view/modern
- @mui/x-tree-view/package.json
- @mui/x-tree-view/themeAugmentation
- @mui/x-tree-view/useTreeItem
- @mui/x-tree-view/utils
Readme
MUI X Tree View
This package is the Community plan edition of the Tree View components. It's part of MUI X, an open-core extension of our Core libraries, with advanced components.
Installation
Install the package in your project directory with:
npm install @mui/x-tree-view
This component has the following peer dependencies that you need to install as well.
"peerDependencies": {
"@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
},
Documentation
Visit https://mui.com/x/react-tree-view/ to view the full documentation.