# Tree View

Tree view in Pages are powered by JQuery Dynatree , which is a Drag & drop hierarchical list with mouse and touch compatibility Follow these steps to initialize nest-tables in your page

# Importing

import CheckboxTree from "react-checkbox-tree";
import "react-checkbox-tree/lib/react-checkbox-tree.css";

# How to use

<div className="card-body">
    <CheckboxTree
        nodes={nodesTreeViewOne}
        checked={checkedTreeViewOne}
        expanded={expandedTreeViewOne}
        onCheck={(checked) => setCheckedTreeViewOne(checked)}
        onExpand={(expanded) =>
            setExpandedTreeViewOne(expanded)
        }
        icons={icons}
    />
</div> 