Tutorial by Examples

In this example, we will be using @angular/cli (latest) and the latest version of @angular/material. You should at least know the basics of Angular 2/4 before continuing the steps below. Install angular material module from npm: npm install @angular/material --save 2.0.0-beta.3 This on...

You can also easily wrap all angular modules, which you are going to use, into one module: import { NgModule } from '@angular/core'; import { MdButtonModule, MdSnackBarModule, MdSidenavModule } from '@angular/material'; @NgModule({ imports: [ BrowserAnimationsModule, MdB...

This example will be how to install from master and will be using @angular/cli as well. Make a new project with @angular/cli: ng new my-master-app If you haven't installed @angular/cli, use this command: npm install -g @angular/cli Install from master: npm install --save @angular/a...

Theme: A theme is required for material components to work properly within the application. Angular Material 2 provides four prebuilt themes: deeppurple-amber indigo-pink pink-bluegrey purple-green If you are using Angular CLI, you can import one of the prebuilt themes in style.css. @i...