Torque Dial

A rotational control dial with realistic physical angular momentum, velocity tracking, and exponential friction deceleration.

48%
Master Output Gain
Click and drag or use mouse wheel to rotate dial with physical momentum

Installation

Add the component directly to your repository using shadcn CLI:

npx shadcn@latest add Surajmaurya1/easyui/torque-dial

API Reference

PropTypeDefaultDescription
valuenumberCurrent numeric value
minnumber0Minimum dial threshold
maxnumber100Maximum dial threshold
stepnumber1Step resolution increment
onChange(val: number) => voidCallback fired on rotation value updates
momentumbooleantrueEnables velocity-based inertial spin after drag release
sizenumber120Diameter in pixels
unitstring''Optional unit suffix (e.g. "%", "dB", "°")