Create number variable

`collection.createNumberVariable(name, value)`

Create a number variable with a name and value for the variable.

Syntax

1 collection.createNumberVariable(
2   name: string,
3   value: number | {{VARIABLE_REFERENCE}} | {{CUSTOM_VALUE}},
4   options?: {
5     mode?: {{VARIABLE_MODE}}
6   }
7 ): Promise<NumberVariable>

Parameters

name : string - Name of the variable
value: number | NumberVariable | CustomValue - Value of the variable.
options: object - Optional parameters for the variable.
- mode: VariableMode - The variable mode object. Get the variable mode by using the collection.getVariableModeByName() method.

Returns

Promise<NumberVariable>

A Promise that resolves to a NumberVariable object.

Example

1 // Get Collection
2 const collection = await webflow.getDefaultVariableCollection()
3 
4 // Create Number Variable of 50
5 const myNumberVariable = await collection?.createNumberVariable("small", 50)
6 console.log(myNumberVariable)
7 
8 // Create a Number Variable with a Custom Value
9 const myCustomNumberVariable = await collection?.createNumberVariable("h1-font-size", {
10   type: "custom",
11   value: "clamp(1, 2, 2)",
12 })
13 console.log(myCustomNumberVariable)

Try this example

Designer Ability

Designer Ability	Locale	Branch	Workflow	Sitemode
canModifyVariables	Any	Main	Canvas	Design

1	collection.createNumberVariable(
2	name: string,
3	value: number \| {{VARIABLE_REFERENCE}} \| {{CUSTOM_VALUE}},
4	options?: {
5	mode?: {{VARIABLE_MODE}}
6	}
7	): Promise<NumberVariable>

1	// Get Collection
2	const collection = await webflow.getDefaultVariableCollection()
3
4	// Create Number Variable of 50
5	const myNumberVariable = await collection?.createNumberVariable("small", 50)
6	console.log(myNumberVariable)
7
8	// Create a Number Variable with a Custom Value
9	const myCustomNumberVariable = await collection?.createNumberVariable("h1-font-size", {
10	type: "custom",
11	value: "clamp(1, 2, 2)",
12	})
13	console.log(myCustomNumberVariable)