ng-bootstrap Modal size

Question

What is the best way to set/override a custom width for a modal?

It seems ng-bootstrap currently supports

size: \'sm\' | \'lg\'

Answer 1

add following css in style.css file.

.xlModal > .modal-dialog {
    max-width: 1490px !important;
    min-width: 971px !important;   
    width: 95% !important;
}

Note : we can replace .xlModal with any name.

open modal with new created style.

this.modalService.open(content,{windowClass:"xlModal"});