GitHub

Node Tooltip - React Flow

Usage

1. Copy the component into your app


import React, { memo } from "react";
import { Position } from "@xyflow/react";
 
import {
  NodeTooltip,
  NodeTooltipContent,
  NodeTooltipTrigger,
} from "@/components/node-tooltip";


import { Background, ReactFlow } from "@xyflow/react";
import NodeTooltipDemo from "./component-example";
 
const nodeTypes = {
  nodeTooltip: NodeTooltipDemo,
};
 
const defaultNodes = [
  {
    id: "1",
    position: { x: 200, y: