Custom Path Component for Screen Flow

Salesforce Path is a standard component that visualizes the stages or steps in a record’s lifecycle. Path is available for many standard objects, as well as all custom objects. This feature not only displays the progress of a record but also optionally allows users to update the related picklist field directly from the Path itself.

Flow is one of the most popular features right now, and it would be fantastic to have a path component available specifically for Screen Flows. However, there is no out-of-the-box path component yet. Although some custom ones exist, many of them lack a key feature: they only display the value in the path and don’t allow updating the picklist directly from the component itself.

In this post, you can find a custom path component for Screen Flow, which stores the selected value as an output. Additionally, it is scrollable and includes a button that you can configure its behavior.

How to Use the Component

1- Install the package using the installation links below.

2- Create a screen flow and add the "Path Component" screen component to a flow screen.

3- This component has multiple configuration parameters.

Available Values (Comma Separated): This is a comma separated list of available values to display in the path.
Button Label: Label of the button that appears next to the path component. This button simply navigates to the next element.
Hide Button: Boolean parameter to hide the button. Set it to True if you want to make the path component read only or if you prefer to use the screen's navigation buttons.
Selected Value: You can use this parameter as both an input and output of the component. Initially, it displays the current value in the path. When the user makes a selection, the selected value is stored in this parameter as the output.

More importantly, every parameter is reactive!