Componente Modal para Angular | ng-hub-ui-modal
Componente modal accesible para Angular con apilado, modo fullscreen, plantillas, manejo de teclado y variables CSS para apps standalone.
Ejemplos interactivos
Explora ejemplos en vivo que muestran cómo se comporta la librería en casos de uso habituales de Angular.
Tipos de contenido modal
The open() method accepts various content types:
Opciones de configuración
Posiciones del modal
Control mediante referencia modal
Modal activo (autocierre)
This example opens a component (not a template) that injects HubActiveModal.
Payload de datos tipado
Modales apilados
HubModal supports multiple stacked modals. The last modal has focus.
Modal fullscreen
Proyección de contenido
This example demonstrates how to create reusable wrapper components for modal content.
Cuerpo con nombre
The body used to be the one slot with no name — whatever survived the header and the footer being taken out. bodySelector gives it one, so the order the content happens to be written in stops deciding what the body is.
Nothing is ever dropped: what no selector claims still follows the named body.
Estilos con variables CSS
Open a modal themed with --hub-modal-* variables.