Angular Portal and Overlay Rendering | ng-hub-ui-portal

animation

Type: boolean

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

ariaLabelledBy

Type: string

`aria-labelledby` attribute value to set on the portal window

ariaDescribedBy

Type: string

`aria-describedby` attribute value to set on the portal window

beforeDismiss

Type: () => boolean | Promise<boolean>

Callback right before the portal will be dismissed. Return false to prevent dismissal.

container

Type: string | HTMLElement

A selector specifying the element all new portal windows should be appended to. If not specified, will be `body`.

injector

Type: Injector

The `Injector` to use for portal content to enable dependency injection.

keyboard

Type: boolean

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

scrollable

Type: boolean

Scrollable portal content (false by default).

windowClass

Type: string

A custom class to append to the portal window for custom styling and positioning.

portalDialogClass

Type: string

A custom class to append to the portal dialog container.

portalContentClass

Type: string

A custom class to append to the portal content wrapper.

headerSelector

Type: string

Custom selector for the header element of the portal window. Useful for targeting specific portal sections.

footerSelector

Type: string

Custom selector for the footer element of the portal window. Useful for targeting specific portal sections.

dismissSelector

Type: string

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

closeSelector

Type: string

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

Portal Template

Template reference that can be passed to the HubPortal service for dynamic rendering

Example: