There are 3 variations of Modals:
- normal - 720px * 480px
- small - 300px * 250px
- large - entire screen
HTML template:
<sui-modal [isClosable]="true" [size]="'normal'" [transitionDuration]="0" (dismissed)="whateverFunction();" #modal> <!--Header--> <div class="header"> heading </div> <!--/Header--> <!--Content--> <div class="content"> content </div> <!--/Content--> </sui-modal>