alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(node): add draggable, connectable and selectable options

Browse Source
This commit is contained in:
moklick
2020-07-22 11:27:11 +02:00
parent abb5770edd
commit 48bde20ded
4 changed files with 34 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+6 -3
View File
@@ -92,9 +92,9 @@ const BasicFlow = () => <ReactFlow elements={elements} />;
- `onSelectionChange(elements: Elements)`: called user selects one or multiple elements
#### Interaction
- `nodesDraggable`: default: `true`
- `nodesConnectable`: default: `true`
- `elementsSelectable`: default: `true`
- `nodesDraggable`: default: `true`. This applies to all nodes. You can also change the behavior of a specific node with the `draggable` node option.
- `nodesConnectable`: default: `true`. This applies to all nodes. You can also change the behavior of a specific node with the `connectable` node option.
- `elementsSelectable`: default: `true`. This applies to all elements. You can also change the behavior of a specific node with the `selectable` node option.
- `zoomOnScroll`: default: `true`
- `zoomOnDoubleClick`: default: `true`
- `selectNodesOnDrag`: default: `true`
@@ -170,6 +170,9 @@ Node example: `{ id: '1', type: 'input', data: { label: 'Node 1' }, position: {
- `targetPosition`: 'left' | 'right' | 'top' | 'bottom' handle position - default: 'top'
- `sourcePosition`: 'left' | 'right' | 'top' | 'bottom' handle position - default: 'bottom'
- `isHidden`: if `true`, the node will not be rendered
- `draggable`: if option is not set, the node is draggable (overwrites generel `nodesDraggable` option)
- `connectable`: if option is not set, the node is connectable (overwrites generel `nodesConnectable` option)
- `selectable`: if option is not set, the node is selectable (overwrites generel `elementsSelectable` option)
## Node Types & Custom Nodes