what props to use for zoom and drag?

[jahnavi310]

Hi @fastfrwrd,

I am using the most basic version of the forced graph:

<ForceGraph simulationOptions={{ height: 800, width: 800 }}>
                    <ForceGraphNode node={{ id: 'first-node' }} fill="red" />
                    <ForceGraphNode node={{ id: 'second-node' }} fill="blue"/>
                    <ForceGraphNode node={{ id: 'third-node' }} fill="blue" />
                    <ForceGraphLink link={{ source: 'first-node', target: 'second-node' }} />
                    <ForceGraphLink link={{ source: 'first-node', target: 'third-node' }} />
                   
     </ForceGraph>

I am also referring to the react story book here: https://uber.github.io/react-vis-force/?selectedKind=%3CForceGraph%20%2F%3E&selectedStory=Characters%20from%20Les%20Mis%20%28zoomable%29&full=0&down=1&left=1&panelRight=0&downPanel=kadirahq%2Fstorybook-addon-actions%2Factions-panel

I want to achieve the zoom and drag functionality but I am unable to find the proper documentation on which props need to be set and how.

Any help would be much appreciated.

Thanks in advance.

[JimmyMow]

zoom and zoomOptions