return {
 $implicit // returns the value of the label,
 labels // returns the labels collection the user has passed.
}

@ViewChild("slider2")
public slider: IgxSliderComponent;
ngAfterViewInit(){
    let continuous = this.slider.continuous;
}

<igx-slider #slider [continuous]="'true'" [(ngModel)]="task.percentCompleted" [step]="5" [lowerBound]="20">

@ViewChild("slider2")
public slider: IgxSliderComponent;
ngAfterViewInit(){
    let isDisabled = this.slider.disabled;
}

<igx-slider #slider [disabled]="true" [(ngModel)]="task.percentCompleted" [step]="5" [lowerBound]="20">

@ViewChild("slider")
public slider: IgxSliderComponent;
ngAfterViewInit(){
    let sliderRange = this.slider.isRange;
}

@ViewChild("slider")
public slider: IgxSliderComponent;
let labelView = this.slider.labelsViewEnabled;

@ViewChild("slider")
public slider: IgxSliderComponent;
ngAfterViewInit(){
    let sliderLowBound = this.slider.lowerBound;
}

<igx-slider [step]="5" [lowerBound]="20">

@ViewChild("slider")
public slider: IgxSliderComponent;
let label = this.slider.lowerLabel;

@ViewChild("slider")
public slider: IgxSliderComponent;
public lowValue(event){
   let sliderLowValue = this.slider.lowerValue;
}

@ViewChild("slider")
public slider: IgxSliderComponent;
public lowValue(event){
   this.slider.lowerValue = value;
}

@ViewChild("slider")
public slider: IgxSliderComponent;
ngAfterViewInit(){
    let sliderMax = this.slider.maxValue;
}
 ```

<igx-slider [type]="sliderType" [minValue]="56" [maxValue]="256">

@ViewChild("slider2")
public slider: IgxSliderComponent;
ngAfterViewInit(){
    let sliderMin = this.slider.minValue;
}

<igx-slider [type]="sliderType" [minValue]="56" [maxValue]="100">

const primaryTicks = this.slider.primaryTicks;

this.slider.primaryTicks = 5;

const secondaryTicks = this.slider.secondaryTicks;

this.slider.secondaryTicks = 5;

@ViewChild("slider2")
public slider: IgxSliderComponent;
ngAfterViewInit(){
    let step = this.slider.step;
}

<igx-slider #slider [(ngModel)]="task.percentCompleted" [step]="5">

@ViewChild("slider2")
public slider: IgxSliderComponent;
ngAfterViewInit(){
    let type = this.slider.type;
}

sliderType: IgxSliderType = IgxSliderType.RANGE;

<igx-slider #slider2 [type]="sliderType" [(ngModel)]="rangeValue" [minValue]="0" [maxValue]="100">

@ViewChild("slider")
public slider: IgxSliderComponent;
ngAfterViewInit(){
   let sliderUpBound = this.slider.upperBound;
}

<igx-slider [step]="5" [upperBound]="20">

@ViewChild("slider")
public slider: IgxSliderComponent;
let label = this.slider.upperLabel;

@ViewChild("slider2")
public slider: IgxSliderComponent;
public upperValue(event){
    let upperValue = this.slider.upperValue;
}

@ViewChild("slider2")
public slider: IgxSliderComponent;
public upperValue(event){
    this.slider.upperValue = value;
}

@ViewChild("slider2")
public slider: IgxSliderComponent;
public sliderValue(event){
    let sliderVal = this.slider.value;
}

rangeValue = {
  lower: 30,
  upper: 60
};

<igx-slider [type]="sliderType" [(ngModel)]="rangeValue" [minValue]="56" [maxValue]="256">