{{demoComponent.title}}

{{demoComponent.description}}

Click "Show Alert" button to see example.

Required Imports

      
      import {{ '{' }} MatDialog {{ '}' }} from '@angular/material';
      import {{ '{' }} AlertComponent {{ '}' }} from 'srp-library';
      
    

Implimentation

Angular Material dialog width/height optional

Required Data Object Attributes: title, msg and btnTxt

      
      const dialogRef = this.dialog.open(AlertComponent,
        {{ '{' }}
            width: '400px',
            height: '300px',
            data: {{ '{' }}
              title: 'Alert Component',
              msg: 'Hello World!',
              btnText: 'OK'
            {{ '}' }},
        {{ '}' }});