diff --git a/src/dev-app/dev-app-module.ts b/src/dev-app/dev-app-module.ts
index 2696a3d5600f..703c420369f0 100644
--- a/src/dev-app/dev-app-module.ts
+++ b/src/dev-app/dev-app-module.ts
@@ -12,6 +12,7 @@ import {CommonModule} from '@angular/common';
import {HttpClientModule} from '@angular/common/http';
import {NgModule} from '@angular/core';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {MAT_RIPPLE_GLOBAL_OPTIONS} from '@angular/material';
import {ExampleModule} from '@angular/material-examples';
import {BrowserModule} from '@angular/platform-browser';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
@@ -50,6 +51,7 @@ import {ProgressBarDemo} from './progress-bar/progress-bar-demo';
import {ProgressSpinnerDemo} from './progress-spinner/progress-spinner-demo';
import {RadioDemo} from './radio/radio-demo';
import {RippleDemo} from './ripple/ripple-demo';
+import {DevAppRippleOptions} from './ripple/ripple-options';
import {DEV_APP_ROUTES} from './routes';
import {ScreenTypeDemo} from './screen-type/screen-type-demo';
import {SelectDemo} from './select/select-demo';
@@ -140,6 +142,7 @@ import {VirtualScrollDemo} from './virtual-scroll/virtual-scroll-demo';
],
providers: [
{provide: OverlayContainer, useClass: FullscreenOverlayContainer},
+ {provide: MAT_RIPPLE_GLOBAL_OPTIONS, useExisting: DevAppRippleOptions},
],
entryComponents: [
ContentElementDialog,
diff --git a/src/dev-app/dev-app.html b/src/dev-app/dev-app.html
index 03be9382beaf..dfa9a3263bb2 100644
--- a/src/dev-app/dev-app.html
+++ b/src/dev-app/dev-app.html
@@ -34,6 +34,9 @@
Angular Material Demos
fullscreen
+