API: Core
OverlayConfig
Interface reference for OverlayConfig.
Overview
- Kind: Interface
- Source: packages/core/src/overlay/overlay.types.ts:19
Declaration
interface OverlayConfig
Properties
| Name | Type | Description |
|---|---|---|
placement |
OverlayPlacement |
Placement relative to the anchor element. Default: 'bottom-start' |
offset |
number |
Gap in px between anchor and overlay. Default: 4 |
flip |
boolean |
Whether to flip placement when there's not enough space. Default: true |
flipAxis |
OverlayFlipAxis |
Which alternatives flip may try when the placement overflows the viewport. main: opposite side. cross: opposite alignment on the same side (-start โ -end). both: opposite side, then opposite alignment, then both. none: never flip. Default: 'main' |
closeOnClickOutside |
boolean |
Close when user clicks outside the overlay. Default: true |
closeOnEscape |
boolean |
Close on Escape key. Default: true |
closeOnScroll |
boolean |
Close when the trigger's scroll parent scrolls. Default: true |
matchAnchorWidth |
boolean |
Whether to match the anchor's width. Default: false |
arrowSize? |
number |
Opts the overlay into arrow geometry: the rendered arrow's length in px along the surface edge. When set (even to 0), every position update carries arrow and the surface gets data-side, data-placement, --qz-arrow-x and --qz-arrow-y. Default: unset (no arrow). |
arrowPadding? |
number |
Minimum px between the arrow and either end of the surface edge. Default: 0. |
context? |
object |
Template context passed to createEmbeddedView (available as let- variables). Default: no context. |