| # @xyflow/system | |
| Core system that powers React Flow and Svelte Flow. | |
| ## Installation | |
| ```sh | |
| npm install @xyflow/system | |
| ``` | |
| ## What is this package about? | |
| The @xyflow/system package was created to have a place for vanilla utils for React Flow and Svelte Flow. The package exports helpers for edge creation, pan and zoom, dragging of nodes, general utils and lots of types. All the helpers are specifically built for React Flow and Svelte Flow so it's probably not too interesting to use them with other libraries. | |
| ### XYPanZoom | |
| Adds zoom and pan for the pane. | |
| ### XYDrag | |
| Adds drag for nodes and selection. | |
| ### XYHandle | |
| Adds connection line drawing. | |
| ### XYMinimap | |
| Adds interactive mini map (zoom and pan). | |
| ### Edge utils | |
| Util function for SVG edge path creating. | |
| ### Store utils | |
| Helpers for store functions. | |
| ### Dom utils | |
| ### Marker utils | |
| ### Graph utils | |
| ### General utils | |