@4geit/ngx-material-module NPM

@4geit/ngx-material-module

This is an all-in-one angular module to export all the Angular Material related components so it saves time to export all the components at once. Here are the list of the packages exported:

@angular/material,
@angular/flex-layout,
hammerjs
@swimlane/ngx-datatable
material-design-icons
font-awesome
roboto-fontface

Installation

A recommended way to install @4geit/ngx-material-module is through npm package manager using the following command:

npm i @4geit/ngx-material-module --save

Or use yarn using the following command:

yarn add @4geit/ngx-material-module

You need to import the NgxMaterialModule class in whatever module you want in your project for instance app.module.ts as follows:

import { NgxMaterialModule } from '@4geit/ngx-material-module';

And you also need to add the NgMaterialModule class within the @NgModule decorator as part of the imports list:

@NgModule({
  // ...
  imports: [
    // ...
    NgxMaterialModule,
    // ...
  ],
  // ...
})
export class AppModule { }

You also need to import some CSS style files. If you are using @angular/cli to manage your Angular project, you can simply add those paths in the .angular-cli.json file under the styles property:

"styles": [
  "../node_modules/material-design-icons/iconfont/material-icons.css",
  "../node_modules/font-awesome/css/font-awesome.css",
  "../node_modules/roboto-fontface/css/roboto/roboto-fontface.css",
]