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 +