Skip to content
This repository has been archived by the owner on Jul 6, 2023. It is now read-only.

Latest commit

 

History

History
44 lines (30 loc) · 1.97 KB

popover.md

File metadata and controls

44 lines (30 loc) · 1.97 KB

popover

API reference for Material Extensions Popover

import { MtxPopoverModule } from '@ng-matero/extensions/popover';

Directives

MtxPopover

Selector: [mtx-popover]

Exported as: mtxPopover

Properties
Name Description
@Input() xPosition: 'after' | 'before' | 'center' Position of the popover in the X axis. Defaults to 'after'
@Input() yPosition: 'top' | 'below' Position of the popover in the Y axis. Defaults to 'below'
@Input() enterDelay: number Popover enter delay. Only support hover event. Defaults to 100
@Input() leaveDelay: number Popover enter delay. Only support hover event. Defaults to 100
@Input() xOffset: number Popover target offset X. Defaults to 0
@Input() yOffset: number Popover target offset Y. Defaults to 0
@Input() overlapTrigger: boolean Whether overlap trigger. Defaults to false
@Input() closeOnPanelClick: boolean Whether close popover when click the panel. Defaults to false
@Input() closeOnBackdropClick: boolean Whether close popover when click the backdrop. Defaults to true
@Input() focusTrapEnabled: boolean Whether the popover should focus trap. Defaults to true
@Input() focusTrapAutoCaptureEnabled: boolean Whether the popover should focus trap auto capture focus. Defaults to true

MtxPopoverTrigger

Selector: [mtxPopoverTriggerFor]

Exported as: mtxPopoverTrigger

Properties
Name Description
@Input() mtxPopoverTriggerFor: MtxPopoverPanel References the popover instance that the trigger is associated with.
@Input() mtxPopoverTriggerOn: MtxPopoverTriggerEvent Event for triggering popover click, hover and none. Defaults to 'hover'
@Input() mtxPopoverTargetAt: MtxTarget References the popover target instance that the popover positioning is associated with.