diff --git a/assets/icons/fitview.svg b/assets/icons/fitview.svg index f18169fb..4eb9cb67 100644 --- a/assets/icons/fitview.svg +++ b/assets/icons/fitview.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/assets/icons/lock.svg b/assets/icons/lock.svg index 72c66dc7..d2168323 100644 --- a/assets/icons/lock.svg +++ b/assets/icons/lock.svg @@ -1 +1,3 @@ - + + + diff --git a/assets/icons/minus.svg b/assets/icons/minus.svg index d3597636..11d9aa5c 100644 --- a/assets/icons/minus.svg +++ b/assets/icons/minus.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/assets/icons/plus.svg b/assets/icons/plus.svg index 00ffc635..8cd8b1af 100644 --- a/assets/icons/plus.svg +++ b/assets/icons/plus.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/assets/icons/unlock.svg b/assets/icons/unlock.svg index ba34f03f..b9e13ba0 100644 --- a/assets/icons/unlock.svg +++ b/assets/icons/unlock.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + diff --git a/example/src/Interaction/index.js b/example/src/Interaction/index.js index c60589ff..cb554eb5 100644 --- a/example/src/Interaction/index.js +++ b/example/src/Interaction/index.js @@ -27,6 +27,7 @@ const InteractionFlow = () => { const [isDraggable, setIsDraggable] = useState(false); const [isConnectable, setIsConnectable] = useState(false); const [zoomOnScroll, setZoomOnScroll] = useState(false); + const [zoomOnPinch, setZoomOnPinch] = useState(false); const [panOnScroll, setPanOnScroll] = useState(false); const [panOnScrollMode, setPanOnScrollMode] = useState('free'); const [zoomOnDoubleClick, setZoomOnDoubleClick] = useState(false); @@ -42,6 +43,7 @@ const InteractionFlow = () => { nodesConnectable={isConnectable} nodesDraggable={isDraggable} zoomOnScroll={zoomOnScroll} + zoomOnPinch={zoomOnPinch} panOnScroll={panOnScroll} panOnScrollMode={panOnScrollMode} zoomOnDoubleClick={zoomOnDoubleClick} @@ -107,6 +109,18 @@ const InteractionFlow = () => { /> +
+ +