Modal is a custom component to display a popup
import {{'{'}}Modal{{'}'}} from 'fuel-ui/fuel-ui';
Modal is a custom element to create a popup
<button class="btn btn-primary" (click)="modal.showModal()">Toggle Modal</button>
<modal #modal
modalTitle="Modal Title"
[closeButton]="true"
[closeOnUnfocus]="true"
size="lg"
(close)="onClose()"
(open)="onOpen()">
<div class="modal-body">
<ul>
<li>Any</li>
<li>Html</li>
<li>Here</li>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" (click)="modal.closeModal()">
<i class="fa fa-chevron-left"></i> Go Back
</button>
</div>
</modal>
export class ModalExample {{'{'}}
onClose(){{'{'}}
console.log("Modal has been closed!");
{{'}'}}
onOpen(){{'{'}}
console.log("Modal has been opened!");
{{'}'}}
{{'}'}}