Example: Standard Flow Component to Custom Lightning Web Component

Make your custom component react to changes in a standard Flow component.

To create and add the colorName custom component into the Flow Builder:

  1. Add the Text component and custom component, colorName and provide the labels for each.
  2. In the colorName’s property, select the Text component as a source for the Name of Color field.

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