MenuItemDirective

Overview

• Kind: Directive
• Export as: qzMenuItem
• Source: packages/primitives/src/menu/menu-item.directive.ts:53

Selector

[qzMenuItem]

Inputs

Input	Type	Default	Required	Description
disabled	unknown	false		Transform booleanAttribute; reads as boolean.
submenu	TemplateRef<unknown> | null	null
closeOnSelect	unknown	true		Transform booleanAttribute; reads as boolean.

Outputs

Output	Payload	Description
selected	void

Properties

Name	Type	Description
readonly id	string
readonly element	() => any
readonly label	() => any
readonly isSubmenuOpen	Signal<boolean>
readonly submenuPanelId	Signal<string | null>
readonly highlighted	Signal<boolean>
readonly tabIndex	Signal<0 | -1>

Public methods

hasSubmenu

hasSubmenu(): boolean

activate

activate(): void

openSubmenu

openSubmenu(options?: { focusFirst?: boolean; }): void

Parameter	Type	Optional	Description
options	{ focusFirst?: boolean }	Yes

closeSubmenu

closeSubmenu(restoreFocus?: boolean): void

Parameter	Type	Optional	Description
restoreFocus	boolean	Yes

onClick

onClick(event: MouseEvent): void

Parameter	Type	Optional	Description
event	MouseEvent

onFocus

onFocus(): void

onPointerEnter

onPointerEnter(): void

onPointerLeave

onPointerLeave(): void