Lightning Components Developer Guide
Summer '26 (API version 67.0)
Spring '26 (API version 66.0)
Winter '26 (API version 65.0)
Summer '25 (API version 64.0)
Spring '25 (API version 63.0)
Winter '25 (API version 62.0)
Summer '24 (API version 61.0)
Spring '24 (API version 60.0)
Winter '24 (API version 59.0)
Summer '23 (API version 58.0)
Spring '23 (API version 57.0)
Winter '23 (API version 56.0)
Summer '22 (API version 55.0)
Spring '22 (API version 54.0)
Winter '22 (API version 53.0)
Summer '21 (API version 52.0)
Spring '21 (API version 51.0)
Winter '21 (API version 50.0)
Summer '20 (API version 49.0)
Spring '20 (API version 48.0)
Winter '20 (API version 47.0)
Summer '19 (API version 46.0)
Spring '19 (API version 45.0)
Winter '19 (API version 44.0)
Summer '18 (API version 43.0)
Spring '18 (API version 42.0)
Winter '18 (API version 41.0)
Summer '17 (API version 40.0)
Spring '17 (API version 39.0)
Winter '17 (API version 38.0)
Summer '16 (API version 37.0)
Spring '16 (API version 36.0)
Winter '16 (API version 35.0)
Summer '15 (API version 34.0)
Spring '15 (API version 33.0)
Winter '15 (API version 32.0)
Lightning Component Bundle Design Resources
Add Components to Apps
Integrate Your Custom Apps into the Chatter Publisher
Use Lightning Components in Visualforce Pages
Newer Version Available
Use Lightning Components with Flows
Customize the look-and-feel and functionality of your flows by adding Lightning
components to them. Or wrap a flow in a Lightning component to configure the flow at
runtime, such as to control how a paused flow is resumed.
-
Considerations for Configuring Components for Flows
Before you configure Lightning components for a flow, determine whether it should be available in flow screens or as flow actions and understand how to map data types between a flow and a Lightning component. Then review some considerations for defining attributes and how components behave in flows at runtime. -
Customize Flow Screens Using Lightning Components
To customize the look and feel of your flow screen, build a custom Lightning component. Configure the component and its design resource so that they’re compatible with the Cloud Flow Designer. Then in the flow add a Lightning component field to the screen. -
Create Flow Local Actions Using Lightning Components
To execute client-side logic in your flow, build or modify custom Lightning 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 Lightning component’s markup, client-side controller, and design resource, it appears in the Cloud Flow Designer as a Local Action element. -
Embed a Flow in a Custom Lightning Component
Once you embed a flow in a Lightning component, use JavaScript and Apex code to configure the flow at run time. For example, pass values into the flow or to control what happens when the flow finishes. lightning:flow supports only screen flows and autolaunched flows. -
Display Flow Stages with a Lightning Component
If you’ve added stages to your flow, display them to flow users with a Lightning component, such as lightning:progressindicator.