Quartz Headless docs/PopoverTriggerDirective

Search documentation

Type to search the documentation.

API: Primitives

PopoverTriggerDirective

Directive reference for PopoverTriggerDirective with the selector [qzPopoverTrigger].

Overview

Selector

[qzPopoverTrigger]

Inputs

Input Type Default Required Description
popover TemplateRef<unknown> Yes
placement OverlayPlacement DEFAULT_POPOVER_CONFIG.placement
offset number DEFAULT_POPOVER_CONFIG.offset
flip unknown DEFAULT_POPOVER_CONFIG.flip Transform booleanAttribute; reads as boolean.
flipAxis OverlayFlipAxis DEFAULT_POPOVER_CONFIG.flipAxis
matchAnchorWidth unknown DEFAULT_POPOVER_CONFIG.matchAnchorWidth Transform booleanAttribute; reads as boolean.
disabled unknown false Transform booleanAttribute; reads as boolean.
closeOnEscape unknown DEFAULT_POPOVER_CONFIG.closeOnEscape Transform booleanAttribute; reads as boolean.
closeOnClickOutside unknown DEFAULT_POPOVER_CONFIG.closeOnClickOutside Transform booleanAttribute; reads as boolean.
autoFocus unknown DEFAULT_POPOVER_CONFIG.autoFocus 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
open (property openState) boolean false openChange

Outputs

Output Payload Description
opened void
closed void

Properties

Name Type Description
readonly isOpen Signal<boolean>
readonly panelId Signal<string | null>

Public methods

open

open(): void

close

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

toggle

toggle(): void

onKeydown

onKeydown(event: KeyboardEvent): void
Parameter Type Optional Description
event KeyboardEvent