Select a component

1
webflow.enterComponent(
2
  instance: ComponentElement
3
): Promise<null>

1
// Step 1: Fetch the currently selected element
2
const selectedElement = await webflow.getSelectedElement();
3
4
if (selectedElement && selectedElement.type === "ComponentInstance") {
5
6
  //  Step 2: Enter the context of the selected ComponentElement
7
  await webflow.enterComponent(selectedElement as ComponentElement);
8
  console.log("Successfully entered the component context.");
9
10
  // Step 3: After entering the component's context, fetch the root element
11
  const rootElement = await webflow.getRootElement();
12
  if (rootElement) {
13
    console.log("Root element of the component:", rootElement);
14
  } else {
15
    console.log("No root element found in this component context.");
16
  }
17
18
} else {
19
  console.log("The selected element is not a ComponentElement.");
20
}