@licuido-ui/ui_tree-view v5.0.4

TreeView

The TreeView component is a versatile and customizable tree structure component built with React and Material-UI (MUI). It allows you to display hierarchical data in a tree-like structure, with support for checkboxes, custom icons, and various styling options

Author

• @author AkilaKalaiyarasan akila@crayond.co

Link

Story Book Link SignUp

PlayGround

Try it have a fun codeBox

Installation

npm i  @licuido-ui/ui_tree-view

Import component

import { TreeView } from '@licuido-ui/ui_tree-view';

Usage

import React from 'react';
import { TreeView } from '@licuido-ui/ui_tree-view';

const data = [
  {
    id: 'node-1',
    name: 'Parent Node 1',
    child: [
      {
        id: 'node-1-1',
        name: 'Child Node 1',
      },
      {
        id: 'node-1-2',
        name: 'Child Node 2',
      },
    ],
  },
  {
    id: 'node-2',
    name: 'Parent Node 2',
  },
];

function App() {
  return (
    <TreeView
      state={data}
      checkboxsection={true}
      defaultExpandIcon={<ExpandIcon />}
      defaultCollapseIcon={<CollapseIcon />}
    />
  );
}

export default App;

/>

Image

Props