Slider

Preview

HTML

0.3

API `<dui-slider>`(source)

clear

This component is compatible with Angular Forms. You can use [(ngModel)] or formControlName with it.

Slider component allows users to select a value from a range by dragging a knob along a track.

<dui-slider [(ngModel)]="value" [min]="0" [max]="100" [steps]="1"></dui-slider>

@Input() disabled?: boolean

@Input() fractionalDigits?: number

How many fractional digits to display.

@Input() max?: number

The maximum value of the slider.

@Input() min?: number

The minimum value of the slider.

@Input() mini?: boolean

If true, the slider will be displayed in a compact form.

@Input() required?: boolean

@Input() steps?: number

The step size for the slider. The value will be rounded to the nearest step.

@Input() value?: number

@Output() disabledChange?: boolean

@Output() valueChange?: number

error: boolean

valid: boolean

setValue(value?: number): void