erThumb [(ngModel)]="blue" />
            </mat-slider>
          </div>
        </div>
        <div class="demo-color-swatch" [style.background]="swatchBackground"></div>
      </div>
    </section>

    <section>
      <h2>Discrete slider (e.g. rate a product)</h2>
      <p>Please rate our product on a scale of 1 (not satisfied) to 5 (extremely satisfied).</p>
      <mat-slider min="1" max="5" step="1" showTickMarks aria-label="Rating" discrete>
        <input matSliderThumb />
      </mat-slider>
    </s