React-editable-nested-menu NPM

This package offers a nested editable menu with different levels of nesting and customization. Give a star on github if you like the package.

Demo

https://react-demo-menu.herokuapp.com/

Features

Based on Hooks
Responsive
Easy to implement
Custom titles
Validation
Custom Currencies
Customization
Different levels of nesting
Basic initial input
Read and edit mode
Classes For customization
Draggable(to be implemented)

Installation

Npm $ npm install react-editable-nested-menu

Yarn $ yarn add react-editable-nested-menu

Props

Props	Available	Default
defaultMode	`'read' \| 'edit'`	`read`
defaultList	`array`	`[]`
title	`string`	`'Nested Editable Tree'`
currency	`string`	`'Rs'`
firstLevelTitleColor	`string`	`'black'`
secondLevelTitleColor	`string`	`'grey'`
thirdLevelTitleColor	`string`	`'grey'`
firstLevelTitle	`string`	`'Menu'`
secondLevelTitle	`string`	`'Category'`
thirdLevelTitle	`string`	`'Item'`
levels	`2-3`	`'3'`
secondLevelShouldHaveDetails	`boolean`	`'false'`
logo	`string`	`null`

Basic Usage

import  NestedEditableTree  from  'react-editable-nested-menu';

    <NestedEditableTree
    getValueOnSave={list  => {
    console.log(list);
    }}
    />