Dynamic Nested Menu Generator

Technology Used : Vanilla Javascript

Feature Details

• Dynamic Nested Menu Generator using Vanilla Javascript.
• We can add custom menu by clicking Add Custom Menu button

[{"label":"Office Map","child":[]},{"label":"New Employee Onboarding","child":[{"label":"Onboarding Materials","child":[]},{"label":"Training","child":[]}]},{"label":"Office Events","child":[{"label":"2021","child":[{"label":"Summer Picnic","child":[]},{"label":"Valentine's Day Party","child":[]},{"label":"New Year's Party","child":[]}]},{"label":"2020","child":[{"label":"Company Anniversary Celebration","child":[]}]}]},{"label":"Public Holidays","child":[]},{"label":"Vacations and Sick Leaves","child":[]}]

• After that we need to click on Save Custom Menu to save the new menu configuration.

• We can reset menu configuration using Reset Menu button clicked.

Demo Link