Files
react-diagrams/docs/interactive-usage.md
Dylan Vorster 4eccdbdc8a restructure
2019-08-11 10:20:22 +02:00

17 lines
1.3 KiB
Markdown

# Interacting with diagrams
**Delete** removes any selected items ![\_\_Delete\_\_](https://github.com/projectstorm/react-diagrams/tree/ce38f77027ac37ca9193c6faccc6049036906e42/images/rjdDelete.gif)
**Shift + Mouse Drag** triggers a multi-selection box ![Shift + Mouse Drag](https://github.com/projectstorm/react-diagrams/tree/ce38f77027ac37ca9193c6faccc6049036906e42/images/mouseDrag.gif)
**Shift + Mouse Click** selects the item \(items can be multi-selected\) ![Shift + Mouse Click](https://github.com/projectstorm/react-diagrams/tree/ce38f77027ac37ca9193c6faccc6049036906e42/images/shiftClick.gif)
**Mouse Drag** drags the entire diagram ![Mouse Drag](https://github.com/projectstorm/react-diagrams/tree/ce38f77027ac37ca9193c6faccc6049036906e42/images/canvasDrag.gif)
**Mouse Wheel** zooms the diagram in / out ![Mouse Wheel](https://github.com/projectstorm/react-diagrams/tree/ce38f77027ac37ca9193c6faccc6049036906e42/images/mouseWheel.gif)
**Click Link + Drag** creates a new link point ![Click Link + Drag](https://github.com/projectstorm/react-diagrams/tree/ce38f77027ac37ca9193c6faccc6049036906e42/images/createPoint.gif)
**Click Node Port + Drag** creates a new link ![Click Node Port + Drag](https://github.com/projectstorm/react-diagrams/tree/ce38f77027ac37ca9193c6faccc6049036906e42/images/createLink.gif)