vis js network manipulation options on react

Question

I am currently trying to implement vis.js Network in my React application.

I have an issue with the manipulation toolbar:

As shown in the top left corner of the image below, I have two buttons: one for adding a node and another for adding an edge. However, I couldn't find any way in the documentation to customize these buttons. Does anyone know if it's possible? ![enter image description here

as you can see in the top left corner, i have 2 button, one to add a node and another to add an edge, i didn't find anywhere in the documentation a way to customize them , so if you have any idea it would be great ,

dditionally, when I click the "Add Edge" button, a text appears. How can I change or customize this text?

enter image description here

here are my option for manipulation :

 const options = {
 interaction: { hover: true },
 manipulation: { enabled: true, addEdge: true , addNode: true},
 nodes: {
 borderWidth: 4,
 size: 30,
 color: {
 border: "#222222",
 background: "#666666",
 },
 font: { color: "#c51717" },
 },
 edges: {
 color: "lightgray",
 },
 }
 const network = new Network(container, data, options);

Any help would be greatly appreciated! Thanks in advance.

Answer 1

alright i find out i didn't use the right library , my bad, i used "vis-network/standalone" and i need to use :react-vis-network-graph"