NPM Installable Angular Material Kitchen Sink Module

Updated Version

There is an updated version of this article here:

NPM Installable Angular Material Kitchen Sink Module

Scenario

We want all the Angular Material components available in our project for prototyping.

Approach

We will install and import this module:

fireflysemantics/material-base-module

ng new prototype --routing --style=scss --defaults
ng add @angular/material
npm i @fireflysemantics/material-base-module

Import and add MaterialBaseModule to app.module.ts :

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MaterialBaseModule } from '@fireflysemantics/material-base-module';
@NgModule({
    declarations: [
    AppComponent
],
imports: [
    MaterialBaseModule,
    BrowserModule,
    BrowserAnimationsModule],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule { }

Brought to You By

Firefly Semantics Supply Chain and Big Data Analytics for the Cloud