react-canvas-knob icon indicating copy to clipboard operation
react-canvas-knob copied to clipboard

Published 20 hours ago • verified publisher icon joshjg

Bi-Directional Knob

Open kevin-chau opened this issue 8 years ago • 6 comments

Is it possible to use this component to create a knob that is centered at the top and moves clockwise or counterclockwise depending on which side of the knob you are on?

filter_left filter_right

I tried combining two separate knobs to do this but didn't have any luck.

kevin-chau avatar Feb 22 '17 02:02 kevin-chau

Also is there anyway to display the notch/ dial indicator?

kevin-chau avatar Feb 22 '17 02:02 kevin-chau

Figured out how to do this one by editing the source code. Closing the issue.

kevin-chau avatar Feb 25 '17 08:02 kevin-chau

Reopening as I'd like to implement this

joshjg avatar Mar 12 '17 20:03 joshjg

Hey @joshjg, you can check out my fork of it for the solution. You can see them in use here: http://treactr.herokuapp.com/

kevin-chau avatar Mar 13 '17 01:03 kevin-chau

Any chance of notch display anytime soon?

Maggieryder avatar Jun 20 '17 20:06 Maggieryder

@kevinchau321 You can use positive and negative numbers as your values (and 0 as your start value) and then you can use the built-in angleArc & angleOffset props to achieve that result.

natotthomer avatar Mar 25 '18 17:03 natotthomer