Referencia API

Aquí tienes el contrato completo de modal: todo lo que puedes enlazar, escuchar, proyectar y personalizar, reunido en un solo sitio. Enlaza lo que necesites y dale el estilo que quieras — es standalone y reactivo con signals.

Inputs

Ajusta modal a tu gusto con 14 inputs. Se enlazan como cualquier @Input de Angular.

Nombre	Tipo	Por defecto	Descripción
`animation`	`boolean`	—	Si es true, la apertura y el cierre del modal se animarán. Por defecto: true
`backdrop`	`boolean \| "static"`	—	Si es true, se creará el elemento de backdrop. Alternativamente, especifica "static" para un backdrop que no cierra el modal al hacer clic. Por defecto: true
`centered`	`boolean`	—	Si es true, el modal se centrará verticalmente. Por defecto: false
`placement`	`HubModalPlacement`	—	Controla dónde se ubica el modal dentro del viewport. Por defecto: HubModalPlacement.Center
`keyboard`	`boolean`	—	Si es true, el modal se cerrará al pulsar la tecla Escape. Por defecto: true
`closeOnNavigation`	`boolean`	—	Si es true, el modal se cerrará cuando el usuario navegue hacia atrás en el historial del navegador (history.back(), botón atrás del navegador). Por defecto: true
`size`	`"sm" \| "lg" \| "xl" \| string`	—	Tamaño de la ventana del modal
`windowClass`	`string`	—	Una clase personalizada para añadir a la ventana del modal
`backdropClass`	`string`	—	Una clase personalizada para añadir al backdrop del modal
`dismissSelector`	`string`	—	Selector personalizado para los elementos que pueden activar el descarte de la ventana del modal. Por defecto: "[data-dismiss=\"modal\"]"
`closeSelector`	`string`	—	Selector personalizado para los elementos que pueden activar el cierre de la ventana del modal. Por defecto: "[data-close=\"modal\"]"
`headerSelector`	`string`	—	Selector personalizado para el elemento de cabecera de la ventana del modal
`footerSelector`	`string`	—	Selector personalizado para el elemento de pie de la ventana del modal
`data`	`any`	—	Datos adicionales que se deben pasar a la ventana del modal cuando se abre

Outputs

Todavía no hay outputs documentados.

Templates

Hazlo tuyo — 1 plantillas para proyectar tu propio marcado.

Nombre	Descripción	Ejemplo
`Modal Template`	Referencia de plantilla que se puede pasar al servicio de modal	`<ng-template #modalTemplate let-close="close" let-dismiss="dismiss"> <div class="modal-header"> <h4 class="modal-title">Modal Title</h4> </div> <div class="modal-body"> Modal content goes here </div> <div class="modal-footer"> <button class="btn btn-secondary" (click)="dismiss()">Cancel</button> <button class="btn btn-primary" (click)="close('result')">OK</button> </div> </ng-template>`