Webflow Designer API: Get the parent component (Beta)

`element.getParentComponent()`

Retrieves the component that directly contains the element. Returns null if the element is not inside a component.

Beta

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

Syntax

1 element.getParentComponent(): Promise<Component | null>

Returns

Promise<Component | null>

A Promise that resolves to a Component, or null if the element is not inside a component.

Example

1 const element = await webflow.getSelectedElement();
2 if (element) {
3   const parentComponent = await element.getParentComponent();
4   if (parentComponent) {
5     const name = await parentComponent.getName();
6     console.log(`Element is inside component: ${name}`);
7   } else {
8     console.log('Element is not inside a component.');
9   }
10 }

Try this example

Designer Ability

Checks for authorization only

Designer Ability	Permission	Locale	Branch	Workflow	Sitemode
canAccessCanvas	any	any	any	any	any

1	const element = await webflow.getSelectedElement();
2	if (element) {
3	const parentComponent = await element.getParentComponent();
4	if (parentComponent) {
5	const name = await parentComponent.getName();
6	console.log(`Element is inside component: ${name}`);
7	} else {
8	console.log('Element is not inside a component.');
9	}
10	}