Reorder variants (Beta)

component.reorderVariants(variantIds)

Reorders the variants of a component by specifying the desired order as an array of variant IDs.

Syntax

component.reorderVariants(variantIds: string[]): Promise<void>

Parameters

• variantIds: string[] — An array of variant IDs in the desired order. Pass 'base' to refer to the base variant. For a partial reorder, include only the variants to reposition. Remaining variants shift to follow the last repositioned variant.

Returns

Promise<void>

A Promise that resolves when the reorder is complete.

Examples

Fully reorder all variants:

const component = await webflow.getCurrentComponent()
if (component) {
  await component.reorderVariants(['base', 'variant-2', 'variant-1', 'variant-3'])
}

Partially reorder variants:

const component = await webflow.getCurrentComponent()
if (component) {
  // Before: base, variant-1, variant-2, variant-3
  await component.reorderVariants(['variant-1', 'variant-3'])
  // After: base, variant-1, variant-3, variant-2
}

Designer Ability