Using Material design with Angular 5

Getting your material installed using the following command, this basically install most of the stuff you need.  :-

npm install --save @angular/material @angular/cdk

Next make sure you're using the pre-built theme or you can define your own.

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

Next, load the required module in your app module. For example, if you're using

import {MatButtonModule, MatInputModule, MatCheckboxModule} from '@angular/material';

In this line above, we're going to be using material button, input (textarea, etc) and checkbox.

Finally we will be applying this to our component, by adding "mat-button" to my button object.

<button mat-button (click)="save()"> Save</button>

Further application can be found here with the documentation.


Popular posts from this blog

Solving Sonarqube :- Project was never analyzed. A regular analysis is required before a branch analysis

spark - pyspark reading from excel files