@angular-material-extensions/dialogs

Set of prebuilt extended angular material dialogs as components | simple API and easy to use

Usage no npm install needed!

<script type="module">
  import angularMaterialExtensionsDialogs from 'https://cdn.skypack.dev/@angular-material-extensions/dialogs';
</script>

README

angular-material-extensions's logo

@angular-material-extensions/core - MatDialogModule contains a set of prebuilt extended angular material dialogs, simple API and easy to use.

Table of Contents

Demo

View all the directives in action at https://angular-material-extensions.github.io/core/dialogs

Dependencies

  • Angular developed and tested with 7.x

Installation

Now install @angular-material-extensions/core via:

npm install --save @angular-material-extensions/core

Import the library

Once installed you need to import the main module:

import { MatDialogsModule } from '@angular-material-extensions/core';

The only remaining part is to list the imported module in your application module. The exact method will be slightly different for the root (top-level) module for which you should end up with the code similar to (notice MatPasswordStrengthModule .forRoot()):

import { MatDialogsModule } from '@angular-material-extensions/core';
import { MatDialogModule } from '@angular/material';

@NgModule({
  declarations: [AppComponent, ...],
  imports: [
    MatDialogsModule,
    MatDialogModule,
     ...],  
  bootstrap: [AppComponent]
})
export class AppModule {
  
  constructor(public dialog: MatDialog) {
    }
}
SystemJS

Note:If you are using SystemJS, you should adjust your configuration to point to the UMD bundle. In your systemjs config file, map needs to tell the System loader where to look for @angular-material-extensions/core:

map: {
  '@angular-material-extensions/password-strength': 'node_modules/@angular-material-extensions/core/bundles/core.umd.js',
}

Usage

Other Angular Libraries

Support

Built by and for developers :heart: we will help you :punch:

jetbrains logo

This project is supported by jetbrains with 1 ALL PRODUCTS PACK OS LICENSE incl. webstorm

License

Copyright (c) 2019 Anthony Nahas. Licensed under the MIT License (MIT)