Webflow Designer API: Get component name

`component.getName()`

Get the name of the Component Object.

Syntax

1 component.getName(): Promise<string>

Returns

Promise<string>

A Promise that resolves to a string representing the name of a component.

1 const myComponentName = "Hero-Component";
2 const components = await webflow.getAllComponents();
3 
4 // Check if component exists
5 for (const c in components) {
6   const currentComponentName = await components[c].getName();
7   if (myComponentName === currentComponentName) {
8     console.log("Found Hero Component");
9   }
10 }

Designer Ability

Checks for authorization only

Designer Ability	Locale	Branch	Workflow	Sitemode
canAccessCanvas	any	any	any	any

1	const myComponentName = "Hero-Component";
2	const components = await webflow.getAllComponents();
3
4	// Check if component exists
5	for (const c in components) {
6	const currentComponentName = await components[c].getName();
7	if (myComponentName === currentComponentName) {
8	console.log("Found Hero Component");
9	}
10	}