@the-package-labs/idocs-react
v0.6.0
Published
The interactive diagram component for idocs: pan and zoom, drawer, scenario player, sequence view.
Readme
@the-package-labs/idocs-react
<DiagramView diagram={...} />: the interactive diagram. Pan and zoom, a detail drawer, a scenario player with step list, a sequence view, and a camera that follows the action in large diagrams.
import { DiagramView } from '@the-package-labs/idocs-react'
import '@the-package-labs/idocs-react/styles.css'diagram is the output of @the-package-labs/idocs-core/node's compiler. Most people use it through @the-package-labs/idocs-astro's <Diagram>. Every colour and font is a CSS variable starting with --idocs-.
For visual editors, pass onNodeSelect={(id) => ...} to handle node clicks in your inspector, and selectedNode={id} to control the highlighted node. Supplying onNodeSelect replaces the built-in detail drawer.