<mat-slider [min]="0" [max]="100" [step]="1" class="sz-medium">
  <input matSliderThumb [(ngModel)]="sliderValue" aria-label="Continuous slider">
</mat-slider>

<mat-slider discrete showTickMarks [min]="0" [max]="100" [step]="10" class="sz-medium">
  <input matSliderThumb [(ngModel)]="discreteValue" aria-label="Discrete slider">
</mat-slider>

<mat-slider discrete showTickMarks [min]="0" [max]="100" [step]="5" class="sz-medium">
  <input matSliderStartThumb [(ngModel)]="rangeStartValue" aria-label="Range start thumb">
  <input matSliderEndThumb [(ngModel)]="rangeEndValue" aria-label="Range end thumb">
</mat-slider>