made example programmer friendlier
it cost me an hour to fix this in my simple test. ;)
This commit is contained in:
@@ -49,7 +49,7 @@ const elements = [
|
|||||||
{ id: 'e2-3', source: '2', target: '3' },
|
{ id: 'e2-3', source: '2', target: '3' },
|
||||||
];
|
];
|
||||||
|
|
||||||
export default () => <ReactFlow elements={elements} />;
|
export default () => <div style={{ height: 300 }}><ReactFlow elements={elements} /></div>;
|
||||||
```
|
```
|
||||||
|
|
||||||
import Flow from './index';
|
import Flow from './index';
|
||||||
@@ -86,11 +86,14 @@ export default () => {
|
|||||||
const onConnect = (params) => setElements((els) => addEdge(params, els));
|
const onConnect = (params) => setElements((els) => addEdge(params, els));
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ReactFlow
|
<div style={{ height: 300 }}>
|
||||||
elements={elements}
|
<ReactFlow
|
||||||
onElementsRemove={onElementsRemove}
|
elements={elements}
|
||||||
onConnect={onConnect}
|
onElementsRemove={onElementsRemove}
|
||||||
/>
|
onConnect={onConnect}
|
||||||
|
deleteKeyCode={46} /* 'delete'-key */
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|||||||
Reference in New Issue
Block a user