From a71dd27634c662988378d76136d9c6c3ac617754 Mon Sep 17 00:00:00 2001
From: Walter Breakell <walterjbreakell@gmail.com>
Date: Wed, 9 Jul 2025 22:33:24 -0700
Subject: [PATCH] docs: fix undefined variable in custom stepper guide

---
 guides/creating-a-custom-stepper-using-the-cdk-stepper.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/guides/creating-a-custom-stepper-using-the-cdk-stepper.md b/guides/creating-a-custom-stepper-using-the-cdk-stepper.md
index 1df71a48d1fa..8438de47e8a1 100644
--- a/guides/creating-a-custom-stepper-using-the-cdk-stepper.md
+++ b/guides/creating-a-custom-stepper-using-the-cdk-stepper.md
@@ -45,8 +45,8 @@ This is the HTML template of our custom stepper component:
 
   <footer class="step-navigation-bar">
     <button class="nav-button" cdkStepperPrevious>&larr;</button>
-    @for (step of steps; track step) {
-      <button class="step" [class.active]="selectedIndex === $index" (click)="onClick(i)">
+    @for (step of steps; track step; let i = $index) {
+      <button class="step" [class.active]="selectedIndex === i" (click)="onClick(i)">
         Step {{i + 1}}
       </button>
     }