Skip to content

Custom Node Renderer

tsx
import type { CaseWaveNodeRendererMap } from "@casewavejs/react";

const nodeRenderers: CaseWaveNodeRendererMap = {
  person: ({ node, selected }) => (
    <div>
      <strong>{String((node.data as any)?.name ?? "Person")}</strong>
      <div>{selected ? "Selected" : "Idle"}</div>
    </div>
  )
};

<CaseWaveCanvas nodeRenderers={nodeRenderers} />

Released under the MIT License.