***

title: "NavMenuItem"
generated: true
---------------

<GenerationInfo sourceFile="packages/admin-ui/src/lib/core/src/providers/nav-builder/nav-builder-types.ts" sourceLine="37" packageName="@vendure/admin-ui" />

A NavMenuItem is a menu item in the main (left-hand side) nav
bar.

```ts title="Signature"
interface NavMenuItem {
    id: string;
    label: string;
    routerLink: RouterLinkDefinition;
    onClick?: (event: MouseEvent) => void;
    icon?: string;
    requiresPermission?: string | ((userPermissions: string[]) => boolean);
    statusBadge?: Observable<NavMenuBadge>;
}
```

<div className="members-wrapper">

### id

\<MemberInfo kind="property" type={`string`}   />

### label

\<MemberInfo kind="property" type={`string`}   />

### routerLink

\<MemberInfo kind="property" type={`<a href='/current/core/reference/admin-ui-api/action-bar/router-link-definition#routerlinkdefinition'>RouterLinkDefinition</a>`}   />

### onClick

\<MemberInfo kind="property" type={`(event: MouseEvent) => void`}   />

### icon

\<MemberInfo kind="property" type={`string`}   />

### requiresPermission

\<MemberInfo kind="property" type={`string | ((userPermissions: string[]) => boolean)`}   />

### statusBadge

\<MemberInfo kind="property" type={`Observable<<a href='/current/core/reference/admin-ui-api/nav-menu/navigation-types#navmenubadge'>NavMenuBadge</a>>`}   />

</div>
