API: Primitives
PopoverTriggerDirective
Directive reference for PopoverTriggerDirective with the selector [qzPopoverTrigger].
Overview
- Kind: Directive
- Export as:
qzPopoverTrigger - Source: packages/primitives/src/popover/popover-trigger.directive.ts:47
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. |
|
arrowSize |
number | undefined |
undefined |
Arrow length in px for consumer-rendered arrows; unset means no arrow geometry. | |
arrowPadding |
number |
0 |
Minimum px between the arrow and either end of the popover edge. |
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 arrow |
Signal<OverlayArrowGeometry | null> |
Geometry for a consumer-rendered arrow (requires arrowSize). Follows the surface after flip, shift, scroll-less repositioning and resize; null while closed. Check available. |
readonly resolvedPlacement |
Signal<OverlayPlacement | null> |
Resolved physical placement after flip; null while closed. |
readonly context |
PopoverContext |
Template context: let-arrow="arrow" let-placement="placement" let-open="open". |
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 |