Workflow

The Workflow component allows you to create visual diagrams showing a series of blocks and connecting lines, perfect for architectural diagrams, data pipelines, or step-by-step processes.

Syntax

Create a fenced code block with the workflow language modifier. Inside the block, define nodes and connections.

• Nodes: nodeId: Title | Icon | Badge
• Descriptions: nodeId.description: A longer text that is revealed on click.
• Connections: nodeId --> anotherNodeId

Nodes without a title will use their nodeId as the title. The pipeline will automatically arrange nodes into columns based on their connections.

Example