Concat
What It Does
Combines two lists into a single list by joining them end-to-end. This is perfect for merging collections like color arrays, spacing scales, or any other grouped token sets.
Inputs
| Name | Description | Type | Required |
|---|---|---|---|
| a | The first list to combine | List | Yes |
| b | The second list to add to the end | List | Yes |
Outputs
| Name | Description | Type |
|---|---|---|
| value | The combined list with all items from both lists | List |
How to Use It
- Drag the Array Concat node into your graph.
- Connect your first list (like
[Red, Blue]) to the "a" input. - Connect your second list (like
[Green, Yellow]) to the "b" input. - Run the graph—your output will be
[Red, Blue, Green, Yellow].
Tips
- Both lists must be of the same type (e.g., both colors or both numbers).
- Use multiple Concat nodes to combine more than two lists.
See Also
- Array Push: For adding just a single item to a list.
- Array Remove: For removing items from a list.
Use Cases
- Combining Token Collections: Merge a base set of tokens with extension sets (e.g., join core colors with accent colors).
- Building Complete Scales: Combine different parts of a scale (e.g., join negative and positive spacing values).
- Theme Management: Join multiple theme-specific token collections to create a comprehensive theme.