React Renderer

Package:

npm install @casewavejs/react

@casewavejs/react provides the visual editor renderer.

Provider

import { CaseWaveProvider } from "@casewavejs/react";

<CaseWaveProvider graph={graph}>
  <App />
</CaseWaveProvider>

Canvas

import { CaseWaveCanvas } from "@casewavejs/react";

<CaseWaveCanvas
  width="100vw"
  height="100vh"
  grid
  snapToGrid
  minimap
/>

Features

Pan
Zoom
Node dragging
Edge rendering
Selection
Marquee selection
Drag-to-connect
Context menu
Minimap
Grid
Group rendering
Custom node renderers
Custom edge renderers