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:45
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 |