Flow
GraphFlow
Process diagram with nodes on a dashed arrow. Accent a node to highlight a path.
Command
pnpm dlx shadcn@latest add <origin>/r/graph-flow.jsonOptimistic UI
Highlight the node that updates on tap. Mute the server sync step.
tap
server
update
tap
update
server syncs
Publish path
A linear pipeline. Every node is default tone.
write
review
ship
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| rows | FlowRow[] | — | Each row is a sequence of nodes. |
| corner | string | "+" | Character at each corner of the frame. |
| className | string | — | Passed to the outer frame. |