Modal
Service-driven modal with dynamic component injection. Control sizing, backdrop, and close behaviour from code — no template boilerplate.
$ npm install @bloc-ui/modal
Sizes
Default (md)
Standard medium-sized modal.
Small
Compact modal for short messages.
Large
Wide modal for detailed content.
Backdrop
No backdrop
Backdrop overlay is hidden.
Backdrop — no dismiss
Clicking the backdrop does not close.
Close button
Hidden close button
The ✕ header button is removed.
Custom classes
panelClass
Extra class applied to the modal panel.
backdropClass
Extra class applied to the backdrop.
Data passing
Inject data
Pass a data object to open(); read it inside the component via inject(BLOC_MODAL_DATA).
Return value
afterClosed$
Subscribe to afterClosed$ to receive the result when the modal closes.