Skip to main content

Component Outputs

This node defines the outputs for a custom component.

The Component Outputs node allows a component to send data or signals back to its parent.

The Component Outputs node is the counterpart to Component Inputs. It defines what data or events your component exposes to the outside world. This is how you create custom events like "On Click", "Submit", or return calculated values.

Inputs​

Outputs​

DataDescription
*Dynamic inputs corresponding to the defined outputs. Connect internal data or signals here to send them out.

Outputs​

Outputs​

DataDescription
*Dynamic outputs defined in the node inspector. These appear as output ports on the component instance.

Usage​

Creating a Custom Button Event​

  1. Open your custom "MyButton" component.
  2. Select the Component Outputs node.
  3. Add an output named clicked of type Signal.
  4. Connect the Click signal from an internal Button node to the clicked input on Component Outputs.

Using the Component​

  1. Place "MyButton" in a parent graph.
  2. You will see a clicked output signal on the node.
  3. Connect this to a "Navigate" node.

Returning Data​

  1. Add an output value of type String.
  2. Connect an internal Text Input's value to this port.
  3. The parent component can now read the text value from your component.

Detailed Behavior​

  • Passthrough: Data flows directly from the internal connection to the external port.
  • Signals: Signals are propagated instantly.

Troubleshooting​

  • No Signal: Ensure the internal logic actually triggers the signal connected to the Component Outputs node.