> For the complete documentation index, see [llms.txt](https://docs-drift-angular.g-axon.work/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-drift-angular.g-axon.work/settings/customize-vertical-menu.md).

# Customize Vertical Menu

To customize the vertical menu for layouts you would need to go to:

`src / app / layouts / {specific-layout} / navigation / navigation.model.ts`

In this model file, you can change the json object to customize the menu items.

There are three type in Vertical Menu

1. Group
2. Collapse
3. Item

### Group

```javascript
{
    id: 'id of the menu',
    title: 'Title of the menu',
    translate: 'Translation Key',
    type: 'group',
    icon: 'icon of the menu',
    children: [..submenu items..]
}
```

### Collapse

```javascript
{
    id: 'id of the menu',
    title: 'Title of the menu',
    translate: 'Translation Key',
    type: 'collapse',
    icon: 'icon of the menu',
    children: [..submenu items..]
}
```

### Item

```javascript
{
    id: 'id of the menu',
    title: 'Title of the menu',
    translate: 'Translation Key',
    type: 'item',
    icon: 'icon of the menu',
    url: 'route url'
}
```