Create Flow Local Actions Using Aura Components

To execute client-side logic in your flow, build or modify custom Aura components to use as local actions in flows. For example, get data from third-party systems without going through the Salesforce server, or open a URL in another browser tab. Once you configure the Aura component’s markup, client-side controller, and design resource, it’s available in Flow Builder as a Core Action element.
  • Lightning components in flows must comply with Lightning Locker restrictions.
  • Flows that include Lightning components are supported only in Lightning runtime.
  • Lightning components require a browser context to run, so flow action components are supported only in screen flows.

Note

Example

Here’s a sample “c:helloWorld” component and its client-side controller, which triggers a JavaScript alert that says Hello, World. In Flow Builder, local actions are available from the Core Action element.

<aura:component implements="lightning:availableForFlowActions" access="global">
    <aura:attribute name="greeting" type="String" default="Hello" access="global" />
    <aura:attribute name="subject" type="String" default="World" access="global" />
</aura:component>
({
   // When a flow executes this component, it calls the invoke method
   invoke : function(component, event, helper) {
      alert(component.get("v.greeting") + ", " + component.get("v.subject"));
   }
})