Skip to main content

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!

export type Menu = {
name: string;
href: any;
icon?: any;
};