# 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)