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.

https://material.angular.io/components/radio/overview

Comments

Popular posts from this blog

PySpark - Working with JDBC Sqlite database