Hakushi (Hakushi v0.1.0)

Copy Markdown View Source

Hakushi (白紙, "a blank sheet of paper") is a canvas for Phoenix: an endless sheet that people pan and zoom, with nodes of your own HEEx on it, joined by edges.

<.canvas id="flow" graph={@graph} on_change={&Flows.change(&1, &2, @flow)}>
  <:node type="step" :let={node}>
    <div class="step">
      <.handle kind={:target} side={:left} />
      {node.data.title}
      <.handle kind={:source} side={:right} />
    </div>
  </:node>
</.canvas>

Start with the Quickstart.