Portal et Rendu Overlay Angular | ng-hub-ui-portal

Bibliothèque portal pour Angular permettant le rendu dynamique de composants, templates et overlays en dehors de l'arbre DOM actuel avec contrôle du positionnement.

Vue d’ensemble

Pourquoi les équipes recherchent cette bibliothèque

Cette bibliothèque portal Angular vous aide à rendre du contenu dans des overlays ou des conteneurs personnalisés tout en gardant le flux de données et l'intégration Angular prévisibles.

Installation

npm install ng-hub-ui-portal

Aller à

Idéal pour

  • drawers
  • panneaux flottants
  • interfaces overlay
  • conteneurs dynamiques

À propos de portal

ng-hub-ui-portal est utile lorsque les interfaces Angular ont besoin de détacher le rendu de l'arbre DOM actuel : drawers, panneaux flottants, conteneurs dynamiques ou UI basée sur des overlays. Elle offre aux équipes une base plus propre pour le contenu projeté et le rendu positionné.

Guides de fonctionnalités

Rendu du contenu

Prise en charge du rendu de divers types de contenu (Component, TemplateRef, String) avec des capacités d'injection et de projection de données.

Stratégies d'ouverture

Contrôlez la manière dont les portails s'ouvrent : modes progressif (empilé) ou exclusif (bascule).

Positionnement

Stratégies de positionnement flexibles pour les portails par rapport au viewport ou à des éléments spécifiques.

Gestion des overlays

Gestion complète du backdrop, du blocage du défilement et du focus pour les overlays de portail.

Interaction

Fermez/rejetez les portails avec des résultats, une prise en charge du clavier et des sélecteurs de déclenchement personnalisés.

Cycle de vie

Hooks de cycle de vie et abonnements aux événements pour la gestion de l'état des portails.

Fonctionnalités clés

Changements récents

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

added: Initial documentation page creation

Bibliothèques associées

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