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

Angular portal library for dynamic component, template and overlay rendering outside the current DOM tree with positioning control.

Last updated Aug 8, 2026

Overview

Why teams search for this library

This Angular portal library helps you render content into overlays or custom containers while keeping data flow and Angular integration predictable.

Install

npm install ng-hub-ui-portal

Jump to

Ideal for

  • drawers
  • floating panels
  • overlay UIs
  • dynamic containers

About portal

ng-hub-ui-portal is useful when Angular interfaces need to detach rendering from the current DOM tree: drawers, floating panels, dynamic containers or overlay-based UI. It gives teams a cleaner foundation for projected content and positioned rendering.

Feature guides

Content Rendering

Support for rendering various content types (Component, TemplateRef, String) with data injection and projection capabilities.

Opening Strategies

Control how portals are opened: progressive (stacked) or exclusive (toggle) modes.

Positioning

Flexible positioning strategies for portals relative to viewport or specific elements.

Overlay Management

Comprehensive backdrop, scroll blocking, and focus management for portal overlays.

Interaction

Close/dismiss portals with results, keyboard support, and custom trigger selectors.

Lifecycle

Lifecycle hooks and event subscriptions for portal state management.

Key features

Recent changes

Version 22.0.4 - 8/8/26, 12:00 AM

fixed: Documentation links now point at the canonical localized URLs. The README linked to https://hubui.dev/<path> with no locale prefix and no trailing slash, and both forms are 301-redirected, so every reader arriving from npm or GitHub landed on a redirect instead of the canonical page.

Version 22.0.3 - 7/28/26, 12:00 AM

fixed: Removed the invalid aria-portal attribute from the portal window host (not a real ARIA attribute); role=dialog and the aria-labelledby/describedby wiring stay.

Version 22.0.2 - 7/26/26, 12:00 AM

fixed: Declared the real ng-hub-ui-utils peer range (>=22.0.0); the previous >=1.0.0 floor allowed resolving an incompatible utils major.

Version 0.3.3 - 1/7/25, 12:00 AM

added: Initial documentation page creation

Related libraries

ng-hub-ui-modal ng-hub-ui-nav ng-hub-ui-utils