diff --git a/src/material-examples/snack-bar-component/snack-bar-component-example.html b/src/material-examples/snack-bar-component/snack-bar-component-example.html
index 3c8c74b319a9..c54dfc645bee 100644
--- a/src/material-examples/snack-bar-component/snack-bar-component-example.html
+++ b/src/material-examples/snack-bar-component/snack-bar-component-example.html
@@ -1,3 +1,8 @@
+<mat-form-field>
+  <mat-label>Snack bar duration (seconds)</mat-label>
+  <input type="number" [(ngModel)]="durationInSeconds" matInput>
+</mat-form-field>
+
 <button mat-button (click)="openSnackBar()" aria-label="Show an example snack-bar">
   Pizza party
 </button>
diff --git a/src/material-examples/snack-bar-component/snack-bar-component-example.ts b/src/material-examples/snack-bar-component/snack-bar-component-example.ts
index accc371715aa..d38bee96c3ef 100644
--- a/src/material-examples/snack-bar-component/snack-bar-component-example.ts
+++ b/src/material-examples/snack-bar-component/snack-bar-component-example.ts
@@ -10,11 +10,13 @@ import {MatSnackBar} from '@angular/material';
   styleUrls: ['snack-bar-component-example.css'],
 })
 export class SnackBarComponentExample {
+  durationInSeconds = 5;
+
   constructor(private snackBar: MatSnackBar) {}
 
   openSnackBar() {
     this.snackBar.openFromComponent(PizzaPartyComponent, {
-      duration: 500,
+      duration: this.durationInSeconds * 1000,
     });
   }
 }