Webflow Designer API: Delete a variant (Beta)

`component.deleteVariant(options)`

Deletes a variant from a component by ID.

You cannot delete the base variant.

These methods are in public beta and may change with future releases.

1 component.deleteVariant(options: DeleteVariantOptions): Promise<void>

Related interfaces:

1 interface DeleteVariantById {
2   id: string;
3 }
4 
5 type DeleteVariantOptions = DeleteVariantById;

options: DeleteVariantOptions — An object specifying the variant to delete:
- id: string — The ID of the variant to delete.

Promise<void>

A Promise that resolves when the variant is deleted.

1 const component = await webflow.getCurrentComponent()
2 
3 if (component) {
4   await component.deleteVariant({ id: 'variant-456' })
5 }

Try this example

Designer Ability	Permission	Locale	Branch	Workflow	Sitemode
canModifyComponents	any	any	any	Canvas	Design

1	interface DeleteVariantById {
2	id: string;
3	}
4
5	type DeleteVariantOptions = DeleteVariantById;

1	const component = await webflow.getCurrentComponent()
2
3	if (component) {
4	await component.deleteVariant({ id: 'variant-456' })
5	}