diff --git a/src/app/shared/example-viewer/example-viewer.spec.ts b/src/app/shared/example-viewer/example-viewer.spec.ts
index 26a8d636e..4dfb60697 100644
--- a/src/app/shared/example-viewer/example-viewer.spec.ts
+++ b/src/app/shared/example-viewer/example-viewer.spec.ts
@@ -13,12 +13,12 @@ import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {NoopAnimationsModule} from '@angular/platform-browser/animations';
import {
- MdAutocompleteModule,
- MdInputModule,
- MdSlideToggleModule
+ MatAutocompleteModule,
+ MatInputModule,
+ MatSlideToggleModule
} from '@angular/material';
import {CopierService} from '../copier/copier.service';
-import {MdSnackBar} from '@angular/material';
+import {MatSnackBar} from '@angular/material';
const exampleKey = 'autocomplete-overview';
@@ -113,7 +113,7 @@ describe('ExampleViewer', () => {
});
it('should display a message when copy succeeds', () => {
- const snackBar: MdSnackBar = TestBed.get(MdSnackBar);
+ const snackBar: MatSnackBar = TestBed.get(MatSnackBar);
const copierService: CopierService = TestBed.get(CopierService);
spyOn(snackBar, 'open');
spyOn(copierService, 'copyText').and.returnValue(true);
@@ -122,7 +122,7 @@ describe('ExampleViewer', () => {
});
it('should display an error when copy fails', () => {
- const snackBar: MdSnackBar = TestBed.get(MdSnackBar);
+ const snackBar: MatSnackBar = TestBed.get(MatSnackBar);
const copierService: CopierService = TestBed.get(CopierService);
spyOn(snackBar, 'open');
spyOn(copierService, 'copyText').and.returnValue(false);
@@ -139,9 +139,9 @@ describe('ExampleViewer', () => {
// to compile all of the examples for these tests.
@NgModule({
imports: [
- MdInputModule,
- MdAutocompleteModule,
- MdSlideToggleModule,
+ MatInputModule,
+ MatAutocompleteModule,
+ MatSlideToggleModule,
FormsModule,
CommonModule,
ReactiveFormsModule,
diff --git a/src/app/shared/example-viewer/example-viewer.ts b/src/app/shared/example-viewer/example-viewer.ts
index 3c88fb94b..27aadd655 100644
--- a/src/app/shared/example-viewer/example-viewer.ts
+++ b/src/app/shared/example-viewer/example-viewer.ts
@@ -1,5 +1,5 @@
import {Component, Input} from '@angular/core';
-import {ComponentPortal, MdSnackBar} from '@angular/material';
+import {ComponentPortal, MatSnackBar} from '@angular/material';
import 'rxjs/add/operator/first';
import {EXAMPLE_COMPONENTS, LiveExample} from '@angular/material-examples';
@@ -24,7 +24,7 @@ export class ExampleViewer {
showSource = false;
constructor(
- private snackbar: MdSnackBar,
+ private snackbar: MatSnackBar,
private copier: CopierService) { }
get example() {
diff --git a/src/app/shared/navbar/navbar.html b/src/app/shared/navbar/navbar.html
index dc69061d4..0d1c1cf15 100644
--- a/src/app/shared/navbar/navbar.html
+++ b/src/app/shared/navbar/navbar.html
@@ -1,23 +1,23 @@
diff --git a/src/app/shared/navbar/navbar.ts b/src/app/shared/navbar/navbar.ts
index 51b6a2849..0821e9db3 100644
--- a/src/app/shared/navbar/navbar.ts
+++ b/src/app/shared/navbar/navbar.ts
@@ -1,6 +1,6 @@
import {Component, NgModule} from '@angular/core';
import {DomSanitizer} from '@angular/platform-browser';
-import {MdButtonModule, MdMenuModule} from '@angular/material';
+import {MatButtonModule, MatMenuModule} from '@angular/material';
import {RouterModule} from '@angular/router';
import {ThemePickerModule} from '../theme-picker/theme-picker';
@@ -12,7 +12,7 @@ import {ThemePickerModule} from '../theme-picker/theme-picker';
export class NavBar {}
@NgModule({
- imports: [MdButtonModule, MdMenuModule, RouterModule, ThemePickerModule],
+ imports: [MatButtonModule, MatMenuModule, RouterModule, ThemePickerModule],
exports: [NavBar],
declarations: [NavBar],
})
diff --git a/src/app/shared/plunker/plunker-button.html b/src/app/shared/plunker/plunker-button.html
index 9943db070..7ac96a451 100644
--- a/src/app/shared/plunker/plunker-button.html
+++ b/src/app/shared/plunker/plunker-button.html
@@ -1,13 +1,13 @@
-
diff --git a/src/app/shared/plunker/plunker-button.ts b/src/app/shared/plunker/plunker-button.ts
index b1aa7e89b..284c29d5f 100644
--- a/src/app/shared/plunker/plunker-button.ts
+++ b/src/app/shared/plunker/plunker-button.ts
@@ -1,7 +1,7 @@
import {Component, Input, NgModule} from '@angular/core';
import {PlunkerWriter} from './plunker-writer';
import {ExampleData} from '@angular/material-examples';
-import {MdButtonModule, MdIconModule, MdTooltipModule} from '@angular/material';
+import {MatButtonModule, MatIconModule, MatTooltipModule} from '@angular/material';
@Component({
selector: 'plunker-button',
@@ -45,7 +45,7 @@ export class PlunkerButton {
}
@NgModule({
- imports: [MdTooltipModule, MdButtonModule, MdIconModule],
+ imports: [MatTooltipModule, MatButtonModule, MatIconModule],
exports: [PlunkerButton],
declarations: [PlunkerButton],
providers: [PlunkerWriter],
diff --git a/src/app/shared/theme-picker/theme-picker.html b/src/app/shared/theme-picker/theme-picker.html
index d04a87a82..358e6e958 100644
--- a/src/app/shared/theme-picker/theme-picker.html
+++ b/src/app/shared/theme-picker/theme-picker.html
@@ -1,18 +1,18 @@
-
-
-