Dialog component is used to show HTML content in floating over the content box. The dialog is used to create a focused area on-screen generally used for data actions like Create, Update data or show alerts and confirmation.
Angular Material also provides Dialog web component which can be easily used and integrated into Angular application. There are a number of options available for Dialog Modal configurations.
Here we will create a new Angular application then install Material to demonstrate How to add Angular Material Dialog in Application with options available also discuss on How to pass data between the parent page and Dialog component.