ection>

    <section>
      <h2>Slider with custom thumb label formatting.</h2>
      <mat-slider
        min="0"
        max="100000"
        step="1000"
        showTickMarks
        discrete
        [displayWith]="formatLabel"
      >
        <input matSliderThumb />
      </mat-slider>
    </section>

    <section>
      <h2>Range slider</h2>
      <div class="demo-volume-container">
        <mat-slider min="200" max="500">
          <input value="300" matSliderStartThumb />
          <input value="400