自訂樣式

想直接查看實作方式嗎？請參考以下範例：

• custom-styles

以下 API 說明如何使用的 custom-steps 功能。

getSegments: () => ReadonlyArray<{left: number; width: number}>

getSegments: () => ReadonlyArray<{left: number; width: number}>

需要渲染的區段 (segments)。每個 segment 具有以下屬性：

• left: number - 區段在範圍選擇器 (ranger) 上的起始位置百分比值
• width: number - 區段寬度的百分比值