Navigation
Adding a new menu item to landing pages
To add a fresh item to the sidebar, navigate to src/config/menu.ts
. Locate the StaticMenuItems constant, which houses all landing menu items.
Each menu item is an object with properties like name
, href
, icon
. Follow this template:
src/config/menu.ts
export const StaticMenuItems: Menu[] = [
{
name: 'Home',
href: PAGES.STATIC.LANDING,
},
{
name: 'FAQ',
href: PAGES.STATIC.FAQ,
},
{
name: 'Privacy Policy',
href: PAGES.STATIC.PRIVACY_POLICY,
},
{
name: 'Terms and Conditions',
href: PAGES.STATIC.TERMS,
},
{
name: 'Contact Us',
href: PAGES.STATIC.CONTACT_US,
},
//Add new item to your landing menu
{
name: 'Your Menu'
href:PAGES.STATIC.YOUR_PAGE_ROUTE
}
];
Similarly you can add or remove menu items from any other navigation panel available in FileKit.These are some of the navigations you will find in this application
- SidebarMenuItems,
- SettingsPageMenus,
- UserSettingsPageMenus,
- AdminPageMenus
Customize and expand all your menus effortlessly!
Menu Item Type
export type Menu = {
name: string;
href: any;
icon?: any;
};