> For the complete documentation index, see [llms.txt](https://codalin.gitbook.io/nodalin-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codalin.gitbook.io/nodalin-docs/quick-guide/connections.md).

# Connections

{% hint style="info" %}
Head back to the [Connect Nodes](/nodalin-docs/quick-guide/the-editor.md#connect-nodes) chapter if you need a quick reminder on how to create connections.
{% endhint %}

Connection lines display the association between two nodes in the graph. In simple terms, they express **how data flow** from one node’s *output* to another node’s *input*. Each connection line displays a **label** showing which property it currently controls, such as `radius`, `x`, `color`.

Once a connection is created, you can quickly change which property it controls in two simple ways.

### **Using the Connection Menu**

1. Right-click anywhere on a **connection line.**
2. A **Connection Menu** appears with:
   * **A "Switch to property"** section listing all compatible properties
   * **Available** properties are shown with normal opacity
   * A **“Disconnect”** option at the bottom
3. **Click any available property** to switch the connection. \ <i class="fa-arrow-right-long">:arrow-right-long:</i> The connection updates instantly, and the label text changes to the new property.

{% hint style="info" %}
The connection lines formed between renderable nodes, such as shapes and effects, are displayed with an accent color (green on the default theme) and denote an [*output chain*](/nodalin-docs/nodes-reference/conventions.md#composition-and-output-chains)*.*
{% endhint %}

<div data-with-frame="true"><figure><img src="https://937151318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F44MuVIHBk5o5yfcGn64w%2Fuploads%2FFdESNp7s54LnwYEWAWN9%2Fconnmenu-ezgif.com-video-to-gif-converter.gif?alt=media&amp;token=f2388311-8fd2-4281-93cf-4b803ff50430" alt=""><figcaption></figcaption></figure></div>

### **Using the Label Arrows**

When you hover over a connection label, **left (←) and right (→) arrows** appear next to it (if there are other compatible properties):

* Click **← / →** to cycle through compatible properties directly from the label.
* The connection jumps to the previous or next property in the list.
* The label updates immediately to show the new property name.

This makes it possible to quickly audition different properties (e.g switching a Number node between `radius`, `x`, and `y`) without opening any menus.

<div data-with-frame="true"><figure><img src="https://937151318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F44MuVIHBk5o5yfcGn64w%2Fuploads%2FdhJZdoK6Blh2AzT59fFs%2Fproperties-ezgif.com-video-to-gif-converter.gif?alt=media&amp;token=ffdd3108-71ae-4771-acb8-45accb5ee75e" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
If no switching options appear, all compatible properties are already occupied by other connections, and only the **“Disconnect”** option will be available.
{% endhint %}