Components/Micro Process Flow

fd-micro-process-flow · 7 examples from SAP's documentation · Back to the gallery

About

The micro process flow control enables you to visualize the state of individual items in a linear workflow. You can embed it into a list or a table.

**Use micro process flow if:** - You need to show the state of each step in a linear, multi-step process. - The progress of multiple items needs to be displayed in a list or table. **Do not use the micro process flow if:** - You only need to show the state of a single-step process. Use the progress indicator or object status instead. - you want to visualize a complex non-linear workflow. Use the process flow instead. **Use micro process flow if:** - You need to show the state of each step in a linear, multi-step process. - The progress of multiple items needs to be displayed in a list or table. - You only need to show the state of a single-step process. Use the progress indicator or object status instead. - you want to visualize a complex non-linear workflow. Use the process flow instead.

Micro process flow with dependent steps (Default)

Micro process flow with independent steps

Add the \

Micro process flow with custom steps

Micro process flow with popover

Micro process flow with overflow

20
10
10

Micro process flow with elements inserted between nodes

Micro process flow with custom node width

By default, the width of the item container is calculated based on the actual item width and the connector line. To change the width add inline style to the element with \