diff --git a/website/src/markdown/docs/api/component-props.md b/website/src/markdown/docs/api/component-props.md index 9a2af14b..5e65f317 100644 --- a/website/src/markdown/docs/api/component-props.md +++ b/website/src/markdown/docs/api/component-props.md @@ -69,5 +69,5 @@ import ReactFlow from 'react-flow-renderer'; - `connectionLineComponent`: [custom connection line component](/example/src/CustomConnectionLine/index.js) ### Keys -- `deleteKeyCode`: default: `8` (delete) +- `deleteKeyCode`: default: `8` (backspace) - `selectionKeyCode`: default: `16` (shift) diff --git a/website/src/markdown/docs/getting-started/index.md b/website/src/markdown/docs/getting-started/index.md index 44945faf..7ceb7ac8 100644 --- a/website/src/markdown/docs/getting-started/index.md +++ b/website/src/markdown/docs/getting-started/index.md @@ -49,7 +49,7 @@ const elements = [ { id: 'e2-3', source: '2', target: '3' }, ]; -export default () => ; +export default () =>
; ``` import Flow from './index'; @@ -86,16 +86,19 @@ export default () => { const onConnect = (params) => setElements((els) => addEdge(params, els)); return ( - +
+ +
); } ``` -In this example you can connect nodes and remove selected nodes and edges with the delete key. +In this example you can connect nodes and remove selected nodes and edges with the backspace key. import Basic from './BasicFunctions'; diff --git a/website/static/images/react-flow-header.jpg b/website/static/images/react-flow-header.jpg index a9355ed7..57fe478b 100644 Binary files a/website/static/images/react-flow-header.jpg and b/website/static/images/react-flow-header.jpg differ