想要直接查看實作方式嗎？請參考以下範例：
下方 API 說明將介紹如何使用基本功能。
values: ReadonlyArray<number>
values: ReadonlyArray<number>
必填 範圍的當前數值（或多個數值）。
min: number
min: number
必填 範圍的最小限制。
max: number
max: number
必填 範圍的最大限制。
stepSize: number
stepSize: number
必填 可選步驟之間的距離。
onChange: (instance: Ranger<TTrackElement>) => void
onChange: (instance: Ranger<TTrackElement>) => void
當拖曳手柄釋放時會呼叫此函式。
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}>
需要渲染的手柄。每個 handle 具有以下屬性：
activeHandleIndex: null | number
activeHandleIndex: null | number
當前被拖曳手柄的零基索引，若無手柄被拖曳則為 null。
Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.