Get variable binding

1
variable.getBinding(): Promise<string>

1
// Create a variable
2
const webflowBlue = await collection?.createColorVariable(
3
  "blue-500",
4
  "#146EF5"
5
);
6
7
// Get the binding value for a variable
8
const binding = await webflowBlue.getBinding();
9
// binding = "var(--blue-500)"
10
11
// Use the binding value to create a variable with a custom value
12
const webflowBlue400 = await collection.createColorVariable("blue-400", {
13
  type: "custom",
14
  value: `color-mix(in srgb, ${binding}, white 50%)`,
15
});