From c34ed746795e22be1bd5b67416589eafe1c3fbb6 Mon Sep 17 00:00:00 2001 From: Tim McMackin Date: Wed, 25 Mar 2026 17:02:51 -0400 Subject: [PATCH 1/2] DEVREL-2721: Set selected variant --- src/components/PermissionsMap.tsx | 1 + src/examples/components.ts | 7 +++++++ 2 files changed, 8 insertions(+) diff --git a/src/components/PermissionsMap.tsx b/src/components/PermissionsMap.tsx index cd33cab..5834ca1 100644 --- a/src/components/PermissionsMap.tsx +++ b/src/components/PermissionsMap.tsx @@ -63,6 +63,7 @@ export const permissionsMap: PermissionsMap = { getSelectedVariant: { permissions: ['canAccessCanvas'] }, createVariant: { permissions: ['canModifyComponents'] }, enterComponent: { permissions: ['canModifyComponents'] }, + setSelectedVariant: { permissions: ['canModifyComponents'] }, openCanvas: { permissions: ['canModifyComponents'] }, selectComponent: { permissions: ['canModifyComponents'] }, exitComponent: { permissions: ['canAccessCanvas'] }, diff --git a/src/examples/components.ts b/src/examples/components.ts index 1d3c660..02e5f7e 100644 --- a/src/examples/components.ts +++ b/src/examples/components.ts @@ -198,6 +198,13 @@ export const Components = { } }, + setSelectedVariant: async () => { + const heroComponent = await webflow.getComponentByName('Hero'); + if (heroComponent) { + await heroComponent.setSelectedVariant({ id: 'base' }); + } + }, + createComponent: async () => { // Get selected element const rootElement = await webflow.getSelectedElement() From 78d1b2efc6d8971133db8a7b138e4a2aa33c8044 Mon Sep 17 00:00:00 2001 From: Tim McMackin Date: Mon, 13 Apr 2026 15:15:55 -0400 Subject: [PATCH 2/2] Use current component --- src/examples/components.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/examples/components.ts b/src/examples/components.ts index 02e5f7e..5186ae4 100644 --- a/src/examples/components.ts +++ b/src/examples/components.ts @@ -199,9 +199,9 @@ export const Components = { }, setSelectedVariant: async () => { - const heroComponent = await webflow.getComponentByName('Hero'); - if (heroComponent) { - await heroComponent.setSelectedVariant({ id: 'base' }); + const component = await webflow.getCurrentComponent() + if (component) { + await component.setSelectedVariant({ id: 'base' }) } },