TanStack
Ranger v0v0
AlphaTry TanStack MCP
Log In
StartRC
StartRC
Router
Router
Query
Query
Table
Table
DBbeta
DBbeta
AIalpha
AIalpha
Formnew
Formnew
Virtual
Virtual
Pacerbeta
Pacerbeta
Storealpha
Storealpha
Devtoolsalpha
Devtoolsalpha
CLIalpha
CLIalpha
More Libraries
More Libraries
BuilderAlpha
BuilderAlpha
FeedBeta
FeedBeta
Maintainers
Maintainers
Partners
Partners
Showcase
Showcase
Blog
Blog
LearnNEW
LearnNEW
Support
Support
Stats
Stats
Discord
Discord
Merch
Merch
GitHub
GitHub
Ethos
Ethos
Tenets
Tenets
Brand Guide
Brand Guide
Docs
CodeRabbitCodeRabbit
CloudflareCloudflare
AG GridAG Grid
NetlifyNetlify
NeonNeon
WorkOSWorkOS
ClerkClerk
ConvexConvex
ElectricElectric
PowerSyncPowerSync
SentrySentry
PrismaPrisma
StrapiStrapi
UnkeyUnkey
Fireship
CodeRabbitCodeRabbit
CloudflareCloudflare
AG GridAG Grid
NetlifyNetlify
NeonNeon
WorkOSWorkOS
ClerkClerk
ConvexConvex
ElectricElectric
PowerSyncPowerSync
SentrySentry
PrismaPrisma
StrapiStrapi
UnkeyUnkey
Fireship
Menu
  • Home
  • Contributors
  • NPM Stats
  • GitHub
  • Discord
Getting Started
  • Overview
  • Installation
  • Quick Start
Adapters
  • React Ranger
API Reference
  • Basic
  • Custom Steps
  • Custom Styles
  • Logarithmic Interpolator
  • Update on Drag
Examples
  • Basic
  • Custom Steps
  • Custom Styles
  • Logarithmic Interpolator
  • Update on Drag
Menu
  • Home
  • Contributors
  • NPM Stats
  • GitHub
  • Discord
Getting Started
  • Overview
  • Installation
  • Quick Start
Adapters
  • React Ranger
API Reference
  • Basic
  • Custom Steps
  • Custom Styles
  • Logarithmic Interpolator
  • Update on Drag
Examples
  • Basic
  • Custom Steps
  • Custom Styles
  • Logarithmic Interpolator
  • Update on Drag
AI/LLM: This documentation page is available in plain markdown format at/ranger/latest/docs/framework/react/api/update-on-drag.md
Learn about TanStack AdsHide Ads
API Reference

Examples

Want to skip to the implementation? Check out these examples:

  • update-on-drag

The API below described how to use the update-on-drag features.

Options

onDrag

ts
onDrag: (instance: Ranger<TTrackElement>) => void

A function that is called when a handled is dragged

Edit on GitHub
PreviousLogarithmic Interpolator
NextBasic

On this page

  • Examples
  • Options
  • onDrag
Learn about TanStack AdsHide Ads
PartnersBecome a Partner
CodeRabbitCodeRabbit
CloudflareCloudflare
AG GridAG Grid
NetlifyNetlify
NeonNeon
WorkOSWorkOS
ClerkClerk
ConvexConvex
ElectricElectric
PowerSyncPowerSync
SentrySentry
PrismaPrisma
StrapiStrapi
UnkeyUnkey
Learn about TanStack AdsHide Ads