API: Primitives

NavbarDirective

Directive reference for NavbarDirective with the selector [qzNavbar].

Overview

[qzNavbar]

Input	Type	Default	Description
`sticky`	`unknown`	`DEFAULT_NAVBAR_CONFIG.sticky`	Transform `booleanAttribute`; reads as `boolean`.
`top`	`string`	`DEFAULT_NAVBAR_CONFIG.top`
`scrollThreshold`	`number`	`DEFAULT_NAVBAR_CONFIG.scrollThreshold`
`directionThreshold`	`number`	`DEFAULT_NAVBAR_CONFIG.directionThreshold`
`reveal`	`NavbarRevealMode`	`DEFAULT_NAVBAR_CONFIG.reveal`
`breakpoint`	`NavbarBreakpoint`	`DEFAULT_NAVBAR_CONFIG.breakpoint`
`closeMenuOnDesktop`	`unknown`	`DEFAULT_NAVBAR_CONFIG.closeMenuOnDesktop`	Transform `booleanAttribute`; reads as `boolean`.
`scrollLock`	`unknown`	`false`	Transform `booleanAttribute`; reads as `boolean`.
`trapFocus`	`unknown`	`false`	Transform `booleanAttribute`; reads as `boolean`.

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

Model	Type	Default	Required	Change output	Description
`menuOpen`	`boolean`	`false`		`menuOpenChange`

Name	Type	Description
`readonly scrolled`	`WritableSignal<boolean>`
`readonly stuck`	`Signal<boolean>`
`readonly scrollDirection`	`WritableSignal<NavbarScrollDirection>`
`readonly isDesktop`	`Signal<boolean>`
`readonly visible`	`Signal<boolean>`
`readonly menuId`	`Signal<string>`

registerMenu(menu: NavbarMenuDirective): void

Parameter	Type	Optional	Description
`menu`	`NavbarMenuDirective`

unregisterMenu(menu: NavbarMenuDirective): void

Parameter	Type	Optional	Description
`menu`	`NavbarMenuDirective`

registerTrigger(trigger: NavbarTriggerDirective): void

Parameter	Type	Optional	Description
`trigger`	`NavbarTriggerDirective`

unregisterTrigger(trigger: NavbarTriggerDirective): void

Parameter	Type	Optional	Description
`trigger`	`NavbarTriggerDirective`

openMenu(): void

closeMenu(): void

toggleMenu(): void

handleMenuKeydown(event: KeyboardEvent): void

Parameter	Type	Optional	Description
`event`	`KeyboardEvent`