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--> <!--Footer--> <div class="actions"> <button class="ui secondary button">Secondary Button</button> <button class="ui primary button">Primary Button</button> </div> <!--/Footer--> </sui-modal>