Range Dial

DragControls

Circular range gauge knob with draggable radial thumb, numeric angle readout, and min/max constraints.

Live Interaction Sandbox
75%
Rotary Meter
Variants: Gauge, Arc, Full 360Dependencies: react

Component Controls

Interactive
Arc Sweep (°)240
Supported States:
● Min● Mid● Max● Dragging

Props Specification

PropTypeDefaultDescription
minnumber0Minimum value
maxnumber100Maximum value

Related Controls Components