Navigation

Navigation

You can change or customize the left side navigation very easily.

How to add new menu items/change menu items?

In order to add, change or remove menu items from the left side navigation, simply edit in file /src/Layouts/LayoutMenuData.js.

How to add Menu Title?

Add Menu label and isHeader property pass in the JSON object.

{
  label: "Menu",
  isHeader: true,
}

How to add Single Menu Item ?

Add Menu id, label, icon, link and click function(for collapse menu) property pass in the JSON object.

{
  id: 'widgets',
  label: 'Widgets',
  icon: 'ri-honour-line',
  link: '/Widgets/widget'
}

How to add Nested Menu Item ?

Add Menu id, label, icon, link, stateVariables, click function(for collapse menu) and ismainMenu property pass in the JSON object.

{
id: 'dashboard',
label: 'Dashboards',
icon: 'ri-dashboard-2-line',
link: '/#',
stateVariables: "isDashboard",
subItems: [
  {
    id: 'analytics',
    label: 'Analytics',
    link: '/dashboard-analytics',
    parentId: 'dashboard'
  },
  {
    id: 'crm',
    label: 'CRM',
    link: '/dashboard-crm',
    parentId: 'dashboard'
  },
  {
    id: 'ecommerce',
    label: 'Ecommerce',
    link: '/dashboard',
    parentId: 'dashboard'
  },
  {
    id: 'crypto',
    label: 'Crypto',
    link: '/dashboard-crypto',
    parentId: 'dashboard'
  },
  {
    id: 'projects',
    label: 'Projects',
    link: '/dashboard-projects',
    parentId: 'dashboard'
  }
]
}
© Velzon.
Design & Develop by Themesbrand