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

Librería portal para Angular que permite renderizar componentes, plantillas y overlays fuera del árbol DOM actual con control de posicionamiento.

Visión General

Por qué los equipos buscan esta librería

Esta librería portal para Angular te ayuda a renderizar contenido en overlays o contenedores personalizados manteniendo predecibles el flujo de datos y la integración con Angular.

Instalación

npm install ng-hub-ui-portal

Ir a

Ideal para

  • drawers
  • paneles flotantes
  • interfaces overlay
  • contenedores dinámicos

Sobre portal

ng-hub-ui-portal es útil cuando las interfaces Angular necesitan desacoplar el renderizado del árbol DOM actual: drawers, paneles flotantes, contenedores dinámicos o UI basada en overlays. Da a los equipos una base más limpia para contenido proyectado y renderizado posicionado.

Guías de uso

Renderizado de contenido

Soporte para renderizar diversos tipos de contenido (Component, TemplateRef, String) con capacidades de inyección y proyección de datos.

Estrategias de apertura

Controla cómo se abren los portales: modo progresivo (apilado) o exclusivo (toggle).

Posicionamiento

Estrategias de posicionamiento flexibles para los portales relativas al viewport o a elementos específicos.

Gestión de overlays

Gestión integral de backdrop, bloqueo de scroll y control del foco para los overlays de portal.

Interacción

Cierra o descarta portales devolviendo resultados, con soporte de teclado y selectores de activación personalizados.

Ciclo de vida

Hooks de ciclo de vida y suscripciones a eventos para la gestión del estado del portal.

Características clave

Cambios recientes

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

added: Initial documentation page creation

Librerías relacionadas

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