TanStackRanger v0
自动
框架
版本
菜单
入门指南
适配器
API 参考
示例

示例

想直接跳到实现部分？请查看以下示例：

以下 API 描述了如何使用自定义步长功能。

选项

steps
ts
steps: Array<number>

steps: Array<number>

要使用的自定义步长数组。这将覆盖 stepSize。

ticks
ts
ticks: Array<number>

ticks: Array<number>

要使用的自定义刻度数组。这将覆盖 tickSize。

API

getTicks
tsx
getTicks: () => ReadonlyArray<{value: number; key: number; percentage: number}>

getTicks: () => ReadonlyArray<{value: number; key: number; percentage: number}>

需要渲染的刻度。每个 tick 具有以下属性：

  • value: number - 要显示的刻度数字
  • key: number - 刻度的键
  • percentage: number - 刻度在范围选择器上应放置位置的百分比值
在 GitHub 上编辑
基础
自定义样式