Default Modal

You can put anything here

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

You can put anything here

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