Hipster
Search…
Sidebar Configuration
In Hipster, Sidebar menu has 3 different components as below .
1. Menu Group
2. Collapsible Menu
3. Menu Item
Any Navigation Menu Item that is not associated with any group of navigations and does not have its children navigations is considered to be Individual navigation(Menu Item).
Hipster Menu
The Code structure of the Sidebar(Navigation Menu) as below
id: 'dashboards', // Id of the Menu Group
title: 'Dashboards', // Title of the Menu Group
messageId: 'sidebar.app.dashboard', // Localization id of the Menu Group
type: 'group', group/collapse/item // Type of menu of the Menu Group
permittedRole: RoutePermittedRole.admin, // Allowed to visible User Role
url: '/app/my-profile' // path of the menu navigation
children: [] // children of the Menu Group
In above structure we can make any type of the menu by changing the type of object. It could be a group/collapse/item.
Name
Type
Description
id
string
Id of the menu
title
string
Title of the menu
type
group
collapse
item
Type of menu of the Menu Group
permittedRole
RoutePermittedRole.admin
RoutePermittedRole.user
Allowed to visible User Role
by default it visible to all type of users
url
string
Path for the menu navigation
Copy link