32 lines
906 B
Markdown
32 lines
906 B
Markdown
# :ocean: React Flow
|
|
|
|
React library for rendering an interactive node-based flow editor
|
|
|
|
# Installation
|
|
|
|
```
|
|
npm install github:wbkd/react-flow
|
|
```
|
|
|
|
# Props
|
|
|
|
- `elements`: array with nodes and edges
|
|
- `onElementClick`: element click handler
|
|
- `onElementsRemove`: element remove handler
|
|
- `onNodeDragStop`: node drag stop handler
|
|
- `onConnect`: connect handler
|
|
- `onLoad`: editor load handler
|
|
- `onMove`: move handler
|
|
- `nodeTypes`: object with node types
|
|
- `edgeTypes`: object with node types
|
|
- `connectionLineType`: connection line type = `straight` or `bezier`
|
|
- `connectionLineStyle`: connection style as svg attributes
|
|
- `deleteKeyCode`: delete key code
|
|
- `selectionKeyCode`: selection key code
|
|
- `showBackground`: boolean
|
|
- `backgroundGap`: gap size
|
|
- `backgroundColor`: color of dots or lines
|
|
- `backgroundType`: background type = `dots` or `lines`
|
|
- `snapToGrid`: boolean
|
|
- `snapGrid`: [x, y] array
|