Add bi-directional props to Joystick component

plotly / dash-daq

Control components for Dash

MIT License

141 stars 40 forks source link

Add bi-directional props to Joystick component #16

Open mtwichan opened 6 years ago

mtwichan commented 6 years ago

In cases where the joystick should only move in 2 directions (up and down only or left and right only) it would be nice to have it so the joystick only moves in the two specified directions, so users don't get confused with empty commands.

yoannmoinet commented 5 years ago

it's supported by nipplejs (used by dash-daq) out of the box.

Karan-S-Mittal commented 3 years ago

you can now give two new props to the joystick component for the same.

Preview

https://user-images.githubusercontent.com/41485085/138562308-2d5d5ac4-8633-4df0-b8a4-7bd93260e705.mov

Code

This will lock the movement of stick in Y direction so you can only move it vertically. Joystick( label="Joystick", labelPosition="bottom", lockX=False, lockY=True ),