score:0

i created a style that i apply to react flow.

const reactflowstyle = {
    background: "#e8ecef",
    "& .react-flow__node": {
      "&:hover": {
        boxshadow: "0 5px 5px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.25)",
      },
    },
  };

and then on the grid (using mui) i applied the style.

            <grid item xs={12} height="80vh" sx={reactflowstyle}>
              <reactflowprovider>
                <reactflow
                  elements={elements}
                  nodetypes={nodetypes}
                  onelementclick={handleelementclick}
                  onconnect={onconnect}
                  onelementsremove={onelementsremove}
                  connectionlinetype={"smoothstep" as connectionlinetype}
                />
              </reactflowprovider>
            </grid>

Related Query

More Query from same tag