Nodes & node wires

Connected nodes in your application logic appear as one of three colors that represent the following:
Note: By default, disconnected nodes match the component color. For example, UI components are blue, so disconnected nodes on UI components are blue.

Purple nodes

Purple nodes represent method calls. In this example, the Constructor.onConstructed events call the Product Description's setLabel and the Product Image's setSource nodes.

Gray nodes

Gray nodes represent data transfers. In this example, the gray nodes indicate that the Add component's result value is converted into a string by the To String component, before it is used in the Text component.

Yellow nodes

Yellow nodes indicate the connection is in use. In this example, each yellow node is being used in the application preview.