Möchten Sie direkt zur Implementierung springen? Sehen Sie sich diese Beispiele an

• basic

Die unten beschriebene API beschreibt, wie die basic Funktionen verwendet werden.

values: ReadonlyArray<number>

values: ReadonlyArray<number>

Erforderlich Der aktuelle Wert (oder die Werte) für den Bereich.

min: number

min: number

Erforderlich Die minimale Grenze für den Bereich.

max: number

max: number

Erforderlich Die maximale Grenze für den Bereich.

stepSize: number

stepSize: number

Erforderlich Der Abstand zwischen wählbaren Schritten.

onChange: (instance: Ranger<TTrackElement>) => void

onChange: (instance: Ranger<TTrackElement>) => void

Eine Funktion, die aufgerufen wird, wenn der Griff losgelassen wird.

handles: ReadonlyArray<{value: number; isActive: boolean; onKeyDownHandler(event): function; onMouseDownHandler(event): function; onTouchStart(event): function}>

handles: ReadonlyArray<{value: number; isActive: boolean; onKeyDownHandler(event): function; onMouseDownHandler(event): function; onTouchStart(event): function}>

Zu rendernde Griffe. Jeder Griff hat die folgenden Eigenschaften

• value: number - Der aktuelle Wert für den Griff.
• isActive: boolean - Zeigt an, ob der Griff gerade gezogen wird.
• onKeyDownHandler(event): func
• onMouseDownHandler(event): func
• onTouchStart(event): func

activeHandleIndex: null | number

activeHandleIndex: null | number

Der nullbasierte Index des gerade gezogenen Griffs oder null, wenn kein Griff gezogen wird.