Get variable value

variable.get(options?)

Retrieves the value of the variable.

Syntax

1
variable.get(
2
    options?: {
3
        mode: VariableMode,
4
        customValues: boolean,
5
        doNotInheritFromBase: boolean}
6
): Promise<string | number | SizeValue | Variable | CustomValue>;

Parameters

• options: object - An optional parameter to include get specific information.

  Parameter	Type	Description	Default
  mode	VariableMode	The value of the variable in the specified variable mode.	—
  customValues	boolean	Indicates whether to return the custom value of the variable.	false
  doNotInheritFromBase	boolean	Indicates whether to return the value of the variable without inheriting from the base variable mode.	false

Returns

Returns a Promise that resolves to the current value of the variable. The exact return type depends on the variable’s type, whether it’s an alias or a custom value, and the selected variable mode.

See the table below for details on return types for each scenario.

Example

1
// Get Collection
2
const collection = await webflow.getDefaultVariableCollection();
3
4
// Get All Variables
5
const variables = await collection.getAllVariables();
6
7
// Get Value of first Variable
8
const variable = variables[0];
9
const value = await variable.get();
10
// value = "#146EF5"
11
12
// Get Value of first Variable with custom value
13
const variable = variables[1];
14
const value = await variable.get({ customValues: true });
15
// value = { type: 'custom', value: 'color-mix(in srgb, var(--blue-500), white 50%)' }

Designer ability

Checks for Authorization only