Example: Custom Lightning Web Component to Custom Lightning Web Component

Make a custom lightning web component react to another custom component.

This example assumes both the customText component and the colorNamecomponent have been added to the Flow Builder. The customTextcomponent is used to control colorName component.

  1. Add the customText component and the colorName component and provide labels for each.
  2. In the colorName component’s Name of Color field, choose the customText component as the source.

Any changes made to the customText component are automatically reflected in the color public field inside of colorName. For example, entering magenta into the customText input results in the colorName displaying the color name styled with the same color, magenta.

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
Embed a Flow in a Custom Lightning Web Component
Flow Runtime Considerations
Set Up Your Screen Flow Components for Reactivity
Example: Standard Flow Component to Standard Flow Component
Example: Standard Flow Component to Custom Lightning Web Component
Example: Custom Lightning Web Component to Standard Flow Component
Example: Custom Lightning Web Component to Custom Lightning Web Component
Best Practices for Reactivity in Screen Flows
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 DX MCP Tools for LWC (Beta)
LWC API Modules
Reference