From 50f81f8e866d43023a93dbec6aaebf49a359407b Mon Sep 17 00:00:00 2001
From: Wagner Maciel <wagnermaciel@google.com>
Date: Thu, 13 Jul 2023 10:29:04 -0400
Subject: [PATCH] docs(material/slider): make component example more intuitive

* Change the displayed value to be the current value
  of the slider instead of the value set by the user
---
 .../slider-configurable/slider-configurable-example.html      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components-examples/material/slider/slider-configurable/slider-configurable-example.html b/src/components-examples/material/slider/slider-configurable/slider-configurable-example.html
index fa8b09ef2c2d..f9c7761bf4f2 100644
--- a/src/components-examples/material/slider/slider-configurable/slider-configurable-example.html
+++ b/src/components-examples/material/slider/slider-configurable/slider-configurable-example.html
@@ -41,7 +41,7 @@ <h2>Result</h2>
 
     <div class="example-label-container">
       <label id="example-name-label" class="example-name-label">Value</label>
-      <label class="example-value-label">{{value}}</label>
+      <label class="example-value-label">{{slider.value}}</label>
     </div>
     <mat-slider
         class="example-margin"
@@ -51,7 +51,7 @@ <h2>Result</h2>
         [step]="step"
         [discrete]="thumbLabel"
         [showTickMarks]="showTicks">
-      <input matSliderThumb [(ngModel)]="value">
+      <input matSliderThumb [(ngModel)]="value" #slider>
     </mat-slider>
   </mat-card-content>
 </mat-card>