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'
}
]
}