// ** MUI Imports import Grid from '@mui/material/Grid' import Typography from '@mui/material/Typography' // ** Custom Components Imports import CardSnippet from 'src/@core/components/card-snippet' // ** Hooks Imports import { useSettings } from 'src/@core/hooks/useSettings' // ** Demo Components Imports import TreeViewBasic from 'src/views/components/tree-view/TreeViewBasic' import TreeViewControlled from 'src/views/components/tree-view/TreeViewControlled' import TreeViewRichObject from 'src/views/components/tree-view/TreeViewRichObject' import TreeViewCustomized from 'src/views/components/tree-view/TreeViewCustomized' import TreeViewGmailClone from 'src/views/components/tree-view/TreeViewGmailClone' import TreeViewMultiSelection from 'src/views/components/tree-view/TreeViewMultiSelection' // ** Source code imports import * as source from 'src/views/components/tree-view/TreeViewSourceCode' const TreeView = () => { // ** Hooks const { settings } = useSettings() return ( Use TreeView & TreeItem components and defaultCollapseIcon &{' '} defaultExpandIcon props with TreeView component for a simple tree view. Use multiSelect prop for multiple selection in a tree view. Manage expanded, selected, onNodeToggle and onNodeSelect{' '} props with the help of states. TreeView and TreeItem components can also use APIs. Use an object and recursion can be used to handle it. Use styled hook to customize your tree view. ) } export default TreeView