Skip to main content

User interaction

Few properties can be used to reach and tune the knob with user interaction.

Mouse callbacks​

The user interaction can be tracked with onChange, onStart, onEnd.

Disable user interaction​

The property readOnly can be set to true, which disable any user interaction.

Disable mouse wheel​

The property useMouseWheel can be set to false.

Disable tracking​

The mouse tracking during dragging can be disabled with tracking=false. As result onChange is only called at the end of the interaction. And this interaction can be cancelled with mouse right button.

onInteractiveChange can still be used to follow the interaction.

Interaction hook​

A hook is provided to change the interaction behaviour during a dragging interaction.

The following example inhibite the center of the knob, snap 9 location over the knob and provides free moving outside of the knob.