A modal window creates a mode that disables the main window but keeps it visible, with the modal window as a child window in front of it. … Users must interact with the modal window before they can return to the parent application. This avoids interrupting the workflow on the main window.
Simply define the Modal component as a dialog box/popup window that is displayed on top of the current page.
- .fade class for add animation.
- Model Size like model-sm, model-lg, model-xl.
- Centered Model .model-dialog-centered class.
- Scrolling Model use by adding .model-dialog-scrollable to .model-dialog in class.
![](https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/model-1-1024x558.png)