Components
Blade components that render canvas building blocks. Most are thin wrappers around AlpineFlow directives that add SSR fallbacks and Livewire-friendly props.
Core
| Component | Purpose |
|---|---|
<x-flow> |
Root canvas container. |
<x-flow-handle> |
Connection handle for nodes. |
<x-flow-panel> |
Floating UI panel anchored to a corner of the canvas. |
<x-flow-toolbar> |
Toolbar layout primitive used inside panels. |
<x-flow-action> |
Button that dispatches a server action. |
<x-flow-resizer> |
Resize handles for nodes. |
<x-flow-drag-handle> |
Restrict drag to a specific child element. |
<x-flow-context-menu> |
Right-click menu container. |
<x-flow-edge-toolbar> |
Toolbar that follows a selected edge. |
<x-flow-collapse> |
Collapse/expand toggle for group nodes. |
<x-flow-condense> |
Collapse repeated sequence runs into a single node. |
<x-flow-loading> |
Overlay while server data loads. |
Schema addon
| Component | Purpose |
|---|---|
<x-schema-designer> |
Full schema-designer drop-in. |
<x-flow-schema-node> |
Schema-style node template. |
<x-schema-field> |
Composable row primitive. |
<x-schema-node-inspector> / row / edge |
Three-scope schema inspector. |
Workflow addon
| Component | Purpose |
|---|---|
<x-flow-wait> |
Wait-node template (formatted duration + top/bottom handles). |
<x-flow-condition-node> |
Condition-node template — header + pretty-printed body + true/false handles + branch-taken decoration. |
<x-flow-replay-controls> |
Duck-typed playback toolbar — Play/Pause/Restart/Speed plus capability-detected scrubber or progress bar. |
<x-flow-execution-log> |
Dense reactive event viewer — filterable, click-to-highlight, XSS-safe. |
<x-flow-run-button> |
Workflow run trigger — auto-disables during runs. |
<x-flow-stop-button> |
Halt the active run; hidden when idle by default. |
<x-flow-reset-button> |
Clear node runState and the execution log. |