made example programmer friendlier

it cost me an hour to fix this in my simple test. ;)
This commit is contained in:
Michael Theobald
2020-10-06 16:46:48 +02:00
committed by GitHub
parent 072347a49e
commit d637c6d4d8
@@ -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>
); );
} }
``` ```