@pxp-ui/tree

React Tree Component

Tree component designed for @pxp-ui

Installation

$ npm install @pxp-ui/tree

Basic Usage

import React, { useState } from 'react';
import Tree from '@pxp-ui/tree';

const App = () => {
  const [data, setData] = useState([{
        id: '1',
        label: 'Parent',
        children: [{
          id: '2',
          label: 'Child 1',
        }]
  }]);

  return(
    <TreeMui 
      data={data}
      onSelectedNodes={console.log}
      enableChecked
    />
  )
}

export default App;

Props

Name	Type	Default	Description
enableChecked	boolean	true	Show a checkbox, which allow select the tree item.
data	Array	[]	Initial tree data
options	Array		Options events for custom menu.
render	node		The custom content of the tree item.
onLoadChildren	function		Callback fired when the tree item is selected the first time.
onSelectedNodes	function		Callback fired when tree items are selected/unselected.