Customize the Flow Header with an Aura Component

To replace the flow header with an Aura component, use the screenHelpText parameter from the lightning:availableForFlowScreens interface.

By default, the flow header includes the title of the flow that’s running and a button, where users can access screen-level help.

In this example, instead of displaying the flow title and the help button, this component (c:flowHeader) displays the company logo and the help button. The help text appears in a tooltip when the user hovers, instead of in a modal when the user clicks.

A custom flow header

Since the component implements lightning:availableForFlowScreens, it has access to the screenHelpText attribute, which contains the screen’s help text if it has any.

See Also