Connecting Inputs to Outputs

All components and objects can input data and output data. The way, and timing of when outputs are sent is up to the component itself, but at the core, the concepts stay the same.

Components Pass Data as Inputs and Outputs

Data types are very specific in the Cloneable platform and discussed in more depth at the link below. Components specific the type of data that an input will accept, or output. The platform will only allow connections to matching data types from inputs and outputs

💼Data Types

Grouped inputs and outputs

In some cases inputs and outputs will be "grouped". Grouping is a visual indication in the builder indicating how the component works with inputs and outputs. Grouping is indicated by inputs or outputs being contained in a gray box together.

The Button Click group indicates that the outputs will be sent together when a button is clicked in the UI

Grouped inputs

When inputs are grouped, it usually will indicate that inputs need to arrive at the same time, or in the same batch in order work properly, or utilize additional functionality. A great example of this is the mapping component which allows you to pass a location that should be marked with a pin on the map, you may also pass a color as part of the group to indicate what color you would like the pin to be.

MapView

Grouped outputs

Many components will group outputs together and send them in the same batch. Often times this happens naturally with components and is less critical to worry about while building workflows. In some cases knowing the outputs are grouped can come in handy when a component has many outputs such as a highly configured camera view.