EccProcessDiagram
EccProcessDiagram shows the BPMN diagrams of a case: the root process and all its sub-processes, with completed steps, the active step and the path taken highlighted.
TSX
import { EccProcessDiagram } from "@/ecc/components/widgets/EccProcessDiagram";
<EccProcessDiagram process={process} />
Props
Prop
Type
Description
| any instance of the case; the widget starts from its root instance |
Behaviour
Area
Content
left | list of the root instance and its sub-processes, root first; a click selects one |
right | the diagram of the selected instance with pan and zoom |
The SVG is inserted inline, so the colors follow the active UI theme. While loading, the widget shows a spinner; if no diagram is available, it shows a short message.
Related
Page
Relation
the endpoint behind the widget and what the colors mean | |
how the diagram is produced and themed | |
where it is used |
Was this section helpful?
On this page
- EccProcessDiagram