Ranger Docs
AI/LLM: This documentation page is available in plain markdown format at/ranger/latest/docs/framework/react/api/custom-steps.md
API Reference
Content temporarily unavailable
Examples#
Want to skip to the implementation? Check out these examples:
The API below described how to use the custom-steps features.
Options#
steps#
ts
steps: Array<number>An array of custom steps to use. This will override stepSize
ticks#
ts
ticks: Array<number>An array of custom ticks to use. This will override tickSize
API#
getTicks#
tsx
getTicks: () =>
ReadonlyArray<{ value: number; key: number; percentage: number }>Ticks to be rendered. Each tick has the following props:
- value: number - The tick number to be displayed
- key: number - The key of a tick
- percentage: number - Percentage value of where tick should be placed on ranger