ModalComponent
The Modal component displays its content in an overlay. The modal can be closed with a close button, if the user clicks outside of the modal content, or if the escape button is pressed. The modal can also be closed from outside.
Basic usage#
This example shows how to use the modal component
Example 1 - simple modal:
<stream-modal [(isOpen)]="isModalOpen">
<!-- Modal content here -->
</stream-modal>
Customization#
You can provide your own modal component by the CustomTemplatesService
Inputs and outputs#
isOpen#
• isOpen: boolean = false
If true the modal will be displayed, if false the modal will be hidden
Defined in#
lib/modal/modal.component.ts:25
content#
• content: undefined | TemplateRef<void>
The content of the modal (can also be provided using ng-content)
Defined in#
lib/modal/modal.component.ts:29
isOpenChange#
• Readonly isOpenChange: EventEmitter<boolean>
Emits true if the modal becomes visible, and false if the modal is closed.