SliderDirective

Overview

• Kind: Directive
• Export as: qzSlider
• Source: packages/primitives/src/slider/slider.directive.ts:32

Selector

[qzSlider]

Inputs

Input	Type	Default	Required	Description
min	number	DEFAULT_SLIDER_CONFIG.min
max	number	DEFAULT_SLIDER_CONFIG.max
step	number	DEFAULT_SLIDER_CONFIG.step
disabled	unknown	false		Transform booleanAttribute; reads as boolean.
orientation	SliderOrientation	DEFAULT_SLIDER_CONFIG.orientation
valueText	((value: number) => string) | null	null

Models

Two-way bindings: each model is an input and emits the matching change output.

Model	Type	Default	Required	Change output	Description
value	number	DEFAULT_SLIDER_CONFIG.min		valueChange
dragging	boolean	false		draggingChange

Properties

Name	Type	Description
readonly currentValue	Signal<number>
readonly percent	Signal<number>
readonly ariaValueText	Signal<string | null>

Public methods

setValue

setValue(value: number): void

Parameter	Type	Optional	Description
value	number

increment

increment(multiplier?: number): void

Parameter	Type	Optional	Description
multiplier	number	Yes

decrement

decrement(multiplier?: number): void

Parameter	Type	Optional	Description
multiplier	number	Yes

onPointerDown

onPointerDown(event: PointerEvent): void

Parameter	Type	Optional	Description
event	PointerEvent

onPointerMove

onPointerMove(event: PointerEvent): void

Parameter	Type	Optional	Description
event	PointerEvent

onPointerEnd

onPointerEnd(event: PointerEvent): void

Parameter	Type	Optional	Description
event	PointerEvent

Related types

• SliderOrientation