Learning Salesforce Lightning Application Development

Embedding Flows into a Lightning Component

So far, in the previous subsections, we explored how a Lightning Component can be part of the Flow builder. In this section, we will explore how you can embed the Flow inside a custom Lightning Component and pass variables in and out from the Flows to the custom Lightning Components.

To embed the Flow inside the Lightning Component, use the lightning:Flow tag and assign an aura:id. The following code snippet shows how to declare a markup that can render Flow inside the Lightning Component:

<aura:component>    <aura:handler name="init" value="{!this}" action="{!c.init}"/>    <lightning:Flow aura:id="myFlow" onstatuschange="{!c.handleStatusChange}" /></aura:component>

The JavaScript code to render the Flow ...