Connections and inputs
Connections and inputs define how your block can connect to other blocks.
Connections
Connections define where and when different blocks can connect together. There
are four different types of connections:
Connection |
Image |
Output |
 |
Input |
 |
Previous |
 |
Next |
 |
Output connections and input connections can connect together, and next
connections and previous connections can connect together.
You can further restrict which connections can connect by setting
connection checks.
And you can customize the shapes of connections
using a custom renderer.
An input contains a sequence of fields, and may or may not contain a
connection. There are three different types of
built-in inputs, which handle the majority of use-cases for
Blockly. You can also define custom inputs, which support
custom rendering.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-09-18 UTC.
[null,null,["Last updated 2024-09-18 UTC."],[[["Connections dictate how blocks interact, with four types: output, input, previous, and next, allowing for specific block linkages."],["Inputs are comprised of fields and may include a connection, with three built-in types for common uses and the option to create custom inputs for specialized needs."],["Connection checks and custom renderers offer further customization options for controlling block connections and appearances."]]],["Blocks connect via defined connections and inputs. Connections, including output, input, previous, and next, dictate how blocks link; output connects to input, and next to previous. Connection compatibility can be limited using connection checks. Inputs contain fields and may have connections. There are three built-in input types, with options for custom inputs and rendering. Connection shapes can also be customized.\n"]]