From 62be4b6976d8a9f9106654d1c60ed6bc5299f47f Mon Sep 17 00:00:00 2001
From: Tim McMackin <tim.mcmackin@webflow.com>
Date: Wed, 25 Mar 2026 17:02:51 -0400
Subject: [PATCH] DEVREL-2721: Set selected variant

---
 src/components/PermissionsMap.tsx |  1 +
 src/examples/components.ts        | 10 ++++++++++
 2 files changed, 11 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 a178838..b8d5c02 100644
--- a/src/examples/components.ts
+++ b/src/examples/components.ts
@@ -203,6 +203,16 @@ export const Components = {
       },
     },
 
+    setSelectedVariant: {
+      displayName: "Set selected variant",
+      code: async () => {
+        const component = await webflow.getCurrentComponent()
+        if (component) {
+          await component.setSelectedVariant({ id: 'base' })
+        }
+      },
+    },
+
     createComponent: {
       displayName: 'Create component',
       code: async () => {