From 224e4eaa1b019f600606ab2fa5f4f7ea1b9001ca Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 13 Mar 2018 18:33:42 -0400
Subject: [PATCH] docs(stepper): use mat-icon for custom icons example (#10284)

Switches the custom icon example in the stepper to use `mat-icon` instead of the non-existing `custom-icon`. The idea with `custom-icon` was to show that consumers aren't limited to using `mat-icon`, however somebody that is copying from the examples would get a compilation error.

Fixes #10283.
---
 src/lib/stepper/stepper.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/stepper/stepper.md b/src/lib/stepper/stepper.md
index 5329c3d510f..37ac9a30d3b 100644
--- a/src/lib/stepper/stepper.md
+++ b/src/lib/stepper/stepper.md
@@ -129,17 +129,19 @@ by placing a `matStepperIcon` for each of the icons that you want to override:
 ```html
 <mat-vertical-stepper>
   <ng-template matStepperIcon="edit">
-    <custom-icon>edit</custom-icon>
+    <mat-icon>insert_drive_file</mat-icon>
   </ng-template>
 
   <ng-template matStepperIcon="done">
-    <custom-icon>done</custom-icon>
+    <mat-icon>done_all</mat-icon>
   </ng-template>
 
   <!-- Stepper steps go here -->
 </mat-vertical-stepper>
 ```
 
+Note that you aren't limited to using the `mat-icon` component when providing custom icons.
+
 ### Keyboard interaction
 - <kbd>LEFT_ARROW</kbd>: Focuses the previous step header
 - <kbd>RIGHT_ARROW</kbd>: Focuses the next step header