Modals

ngx-bootstrap modals

Default Modal

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

To be able to open modals from service, inject BsModalService to your constructor. Then, call .show() method of modal service. Pass a TemplateRef or a component as a first argument and config as a second (optionally). .show() method returns an instance of BsModalRef class with .hide() method and content property where you'll find a component which you've passed to service.



Small modal window have small width on screens only above 768px(boostrap3) and 576px(bootstrap4)

Modals have two optional sizes

Custom Modal

to enable the custom modal you just have to add class custom to modal parent class and a lil bit modification code

Default Entrance



IOS Entrance



Android Entrance