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
Considerations for Configuring Components for Flow Screens
Configure Components for Flow Screens
Customize the Flow Header with a Lightning Component
Dynamically Update a Flow Screen with a Lightning Component
Add Components to Apps
Integrate Your Custom Apps into the Chatter Publisher
Use Lightning Components in Visualforce Pages
Newer Version Available
Customize Flow Screens By Using Lightning Components
To use a custom Lightning component in flow screens, configure the component and its
design resource so that they’re compatible with the Cloud Flow Designer.
-
Considerations for Configuring Components for Flow Screens
When you create Lightning components for flow screens, understand which data types are supported and how to work with attributes. -
Configure Components for Flow Screens
Make your custom Lightning components available to flow screens in the Cloud Flow Designer by implementing the lightning:availableForFlowScreens interface. -
Control Flow Navigation from a Lightning Component
By default, users navigate a flow by clicking standard buttons at the bottom of each screen. The lightning:availableForFlowScreens interface provides two attributes to help you fully customize your screen's navigation. To figure out which navigation actions are available for the screen, loop through the availableActions attribute. To programmatically trigger one of those actions, call the navigateFlow action from your JavaScript controller. -
Customize the Flow Header with a Lightning Component
To replace the flow header with a Lightning component, use the screenHelpText parameter from the lightning:availableForFlowScreens interface. -
Dynamically Update a Flow Screen with a Lightning Component
To conditionally display a field on your screen, build a Lightning component that uses aura:if to check when parts of the component should appear.