***
title: "NavMenuSection"
generated: true
---------------
A NavMenuSection is a grouping of links in the main
(left-hand side) nav bar.
```ts title="Signature"
interface NavMenuSection {
id: string;
label: string;
items: NavMenuItem[];
icon?: string;
displayMode?: 'regular' | 'settings';
requiresPermission?: string | ((userPermissions: string[]) => boolean);
collapsible?: boolean;
collapsedByDefault?: boolean;
}
```
### id
\
### label
\
### items
\NavMenuItem[]`} />
### icon
\
### displayMode
\
### requiresPermission
\ boolean)`} />
Control the display of this item based on the user permissions. Note: if you attempt to pass a
[PermissionDefinition](/current/core/reference/typescript-api/auth/permission-definition#permissiondefinition) object, you will get a compilation error. Instead, pass the plain
string version. For example, if the permission is defined as:
```ts
export const MyPermission = new PermissionDefinition('ProductReview');
```
then the generated permission strings will be:
* `CreateProductReview`
* `ReadProductReview`
* `UpdateProductReview`
* `DeleteProductReview`
### collapsible
\
### collapsedByDefault
\