# 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](https://1096370669-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mjro6ZzH5JUAQUIawAi%2Fuploads%2FJ05SQRei8DIgRXAAJP83%2F1.png?alt=media\&token=5d7581d8-f50c-4d6a-9467-4fcb1edc14ce)

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          | <p>group</p><p>collapse</p><p>item</p>                               | Type of menu of the Menu Group                                                       |
| permittedRole | <p>RoutePermittedRole.admin</p><p></p><p>RoutePermittedRole.user</p> | <p>Allowed to visible User Role</p><p>by default it visible to all type of users</p> |
| url           | string                                                               | Path for the menu navigation                                                         |
