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-portalIr 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
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.
Posicionamiento
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.
Características clave
Renderiza fuera del flujo del DOM
Útil cuando la colocación normal de componentes no basta para overlays, drawers o interfaces flotantes.
Plantillas y componentes dinámicos
Proyecta strings, plantillas o componentes en contenedores personalizados con flujo de datos compatible con Angular.
Base sólida para overlays
Una base práctica para paneles contextuales, acciones flotantes y patrones de renderizado desacoplado.
Cambios recientes
Version 0.3.3 - 1/7/25, 12:00 AM
added: Initial documentation page creation