search

joshjg / react-canvas-knob

Flexible knob/dial input component
MIT License
44 stars 28 forks source link

Bi-Directional Knob #3

Open kevin-chau opened 7 years ago

kevin-chau commented 7 years ago

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 commented 7 years ago

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

kevin-chau commented 7 years ago

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

joshjg commented 7 years ago

Reopening as I'd like to implement this

kevin-chau commented 7 years ago

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

Maggieryder commented 7 years ago

Any chance of notch display anytime soon?

natotthomer commented 6 years ago

@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.