Quartz Headless docs/NavigationMenuDirective

Search documentation

Type to search the documentation.

API: Primitives

NavigationMenuDirective

Directive reference for NavigationMenuDirective with the selector [qzNavigationMenu].

Overview

Selector

[qzNavigationMenu]

Inputs

Input Type Default Required Description
orientation NavigationMenuOrientation DEFAULT_NAVIGATION_MENU_CONFIG.orientation
showDelay number DEFAULT_NAVIGATION_MENU_CONFIG.showDelay
hideDelay number DEFAULT_NAVIGATION_MENU_CONFIG.hideDelay
placement OverlayPlacement DEFAULT_NAVIGATION_MENU_CONFIG.placement
offset number DEFAULT_NAVIGATION_MENU_CONFIG.offset
flip unknown DEFAULT_NAVIGATION_MENU_CONFIG.flip Transform booleanAttribute; reads as boolean.
flipAxis OverlayFlipAxis DEFAULT_NAVIGATION_MENU_CONFIG.flipAxis
disabled unknown false Transform booleanAttribute; reads as boolean.

Models

Two-way bindings: each model is an input and emits the matching change output.

Model Type Default Required Change output Description
value string '' valueChange Empty string means no flyout is open; item values should be nonempty.

Properties

Name Type Description
readonly activeItem WritableSignal<NavigationMenuItemDirective | null>
readonly isOpen Signal<boolean>

Public methods

registerItem

registerItem(item: NavigationMenuItemDirective): void
Parameter Type Optional Description
item NavigationMenuItemDirective

unregisterItem

unregisterItem(item: NavigationMenuItemDirective): void
Parameter Type Optional Description
item NavigationMenuItemDirective

refreshOrder

refreshOrder(): void

setTrigger

setTrigger(item: NavigationMenuItemDirective, trigger: NavigationMenuTriggerDirective | null): void
Parameter Type Optional Description
item NavigationMenuItemDirective
trigger NavigationMenuTriggerDirective | null

isActive

isActive(item: NavigationMenuItemDirective): boolean
Parameter Type Optional Description
item NavigationMenuItemDirective

controlsId

controlsId(item: NavigationMenuItemDirective): string | null
Parameter Type Optional Description
item NavigationMenuItemDirective

contentChanged

contentChanged(item: NavigationMenuItemDirective, available: boolean): void
Parameter Type Optional Description
item NavigationMenuItemDirective
available boolean

toggle

toggle(item: NavigationMenuItemDirective): void
Parameter Type Optional Description
item NavigationMenuItemDirective

open

open(item: NavigationMenuItemDirective, focusPanel?: boolean): void
Parameter Type Optional Description
item NavigationMenuItemDirective
focusPanel boolean Yes

close

close(restoreFocus: boolean): void
Parameter Type Optional Description
restoreFocus boolean

focusTrigger

focusTrigger(item: NavigationMenuItemDirective): void
Parameter Type Optional Description
item NavigationMenuItemDirective

handleTriggerKeydown

handleTriggerKeydown(item: NavigationMenuItemDirective, event: KeyboardEvent): void
Parameter Type Optional Description
item NavigationMenuItemDirective
event KeyboardEvent

scheduleShow

scheduleShow(item: NavigationMenuItemDirective): void
Parameter Type Optional Description
item NavigationMenuItemDirective

scheduleHide

scheduleHide(): void

cancelTimers

cancelTimers(): void

onPanelPointerEnter

onPanelPointerEnter(): void

onPanelPointerLeave

onPanelPointerLeave(): void