Get the selected component (Beta)

1
webflow.getCurrentComponent(): Promise<Component | null>

1
const component = await webflow.getCurrentComponent();
2
if (component) {
3
  const name = await component.getName();
4
  console.log(`Currently editing component: ${name}`);
5
  // Example: get all elements inside the active component
6
  const root = await component.getRootElement();
7
  const children = await root.getChildren();
8
  console.log(`Root has ${children.length} child element(s)`);
9
} else {
10
  console.log('Not currently editing a component.');
11
}