Embed a Flow in a Custom Lightning Web Component

Embed a screen flow from any Lightning web component to customize the finish behavior, set custom styling, or launch flows from your Lightning web components.

In this section, learn how to:

See Also

Get Started
Create Lightning Web Components
Work with Lightning Base Components
Communicate with Events
Work with Salesforce Data
Develop Secure Code
Use Components in Salesforce Targets
View Components in Setup
AppExchange
CRM Analytics Dashboards
Component Context
Create Components for Forecasts Pages
Custom Tabs
Email Builder
Experience Cloud Sites
Flows
Create Flow Screen Components
Configure a Component for Flow Screens
Control Navigation in Flow Screen Components
Display Flow Stages in a Flow Screen Component
Build a Flow Screen Component for Multiple Objects
Embed a Flow in a Custom Lightning Web Component
Create and Start a Flow in a Custom Lightning Web Component
Set Flow Input Variables
Get Values from Flow Output Variables
Control What Happens When a Flow Interview Finishes
Resume a Flow Interview
Flow Runtime Considerations
Set Up Your Screen Flow Components for Reactivity
Create Flow Local Actions Using Lightning Web Components
Validate Custom Flow Screen Components
Develop Custom Property Editors
Supported Data Types in Flows
Form Factors
Lightning App Builder
Lightning Console Apps
Lightning Message Service
Navigate to Pages, Records, and Lists
Open Files
Open Modal Windows and Notifications
Outlook and Gmail
Quick Actions
Setup with Agentforce
Standalone Apps
Use Mobile Device Features
Utility Bar
Visualforce Pages
Use Components Outside Salesforce with Lightning Out 2.0
Aura Coexistence
Migrate Aura Components
Debug Lightning Web Components
Test Lightning Web Components
Improve Performance
Use Agentforce Vibes for LWC Development
LWC API Modules
Reference