Angular Modal Component | ng-hub-ui-modal

animation

Type: boolean

If true, modal opening and closing will be animated. Default: true

backdrop

Type: boolean | "static"

If true, the backdrop element will be created. Alternatively, specify "static" for a backdrop which doesn't close the modal on click. Default: true

centered

Type: boolean

If true, the modal will be centered vertically. Default: false

placement

Type: HubModalPlacement

Controls where the modal is placed within the viewport. Default: HubModalPlacement.Center

keyboard

Type: boolean

If true, the modal will be closed when Escape key is pressed. Default: true

closeOnNavigation

Type: boolean

If true, the modal will be closed when the user navigates back in browser history (history.back(), browser back button). Default: true

size

Type: "sm" | "lg" | "xl" | string

Size of the modal window

windowClass

Type: string

A custom class to append to the modal window

backdropClass

Type: string

A custom class to append to the modal backdrop

dismissSelector

Type: string

Custom selector for elements that can trigger the dismissal of the modal window. Default: "[data-dismiss=\"modal\"]"

closeSelector

Type: string

Custom selector for elements that can trigger the closing of the modal window. Default: "[data-close=\"modal\"]"

headerSelector

Type: string

Custom selector for the header element of the modal window

footerSelector

Type: string

Custom selector for the footer element of the modal window

data

Type: any

Additional data that needs to be passed to the modal window when it is opened

Modal Template

Template reference that can be passed to the modal service

Example: