Skip to main content

NavMenuSection

A NavMenuSection is a grouping of links in the main (left-hand side) nav bar.

Signature
interface NavMenuSection {    id: string;    label: string;    items: NavMenuItem[];    icon?: string;    displayMode?: 'regular' | 'settings';    requiresPermission?: string | ((userPermissions: string[]) => boolean);    collapsible?: boolean;    collapsedByDefault?: boolean;}

id

propertystring

label

propertystring

items

propertyNavMenuItem[]

icon

propertystring

displayMode

property'regular' | 'settings'

requiresPermission

propertystring | ((userPermissions: string[]) => boolean)

Control the display of this item based on the user permissions. Note: if you attempt to pass a 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

propertyboolean

collapsedByDefault

propertyboolean
Was this chapter helpful?
Report Issue
Edited Feb 2, 2026·Edit this page