Node Appendix
A wrapper component for dynamically appending information to nodes in an absolutely positioned container.
Last updated on
Make sure to follow the prerequisites before installing the component.
npx shadcn@latest add https://ui.reactflow.dev/node-appendiximport { NodeAppendix } from "@/components/node-appendix";
import {
BaseNode,
BaseNodeContent,
BaseNodeHeader,
BaseNodeHeaderTitle,
} from "../base-node";
export const NodeAppendixDemo = () => {
import { Background, ReactFlow } from "@xyflow/react";
import { NodeAppendixDemo } from "./component-example";
const nodeTypes = {
appendixNode: NodeAppendixDemo,
};
const defaultNodes = [
{
id: "1",
position: { x: 200