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.