Portal y Renderizado Overlay para Angular | ng-hub-ui-portal

animation

Tipo: boolean

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

ariaLabelledBy

Tipo: string

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

ariaDescribedBy

Tipo: string

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

beforeDismiss

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

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

container

Tipo: string | HTMLElement

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

injector

Tipo: Injector

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

keyboard

Tipo: boolean

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

scrollable

Tipo: boolean

Scrollable portal content (false by default).

windowClass

Tipo: string

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

portalDialogClass

Tipo: string

A custom class to append to the portal dialog container.

portalContentClass

Tipo: string

A custom class to append to the portal content wrapper.

headerSelector

Tipo: string

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

footerSelector

Tipo: string

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

dismissSelector

Tipo: string

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

closeSelector

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

Ejemplo: