opinion
Flowchart
Process, decision and start/end shapes joined by each step's own next list.
Task reviewA decision fans out into two branches
100%
100%
100%
In context
RunbookThe rota export flow on its project page
Rota export: payroll cut-off
What happens before the 28 Oct payroll cut-off.
100%
Props
| Prop | Type | Required | Default |
|---|---|---|---|
steps | FlowchartStep[] | Yes | — |
title | string | undefined | No | — |
ariaLabel | string | undefined | No | — |
width | number | undefined | No | 480 |
height | number | undefined | No | 360 |
padding | number | undefined | No | — |
className | string | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
data-rebar-* attributes
data-rebar-component="flowchart" on the root; the underlying NodeLinkGraph's own toolbar/node/edge parts render underneath unchanged.
Migrating to Ant Design
Not codemod-covered — AntD ships no diagramming components of its own; structured flowchart/BPMN shapes typically migrate to a dedicated library (JointJS, mxGraph) rather than an antd component.