Get Children (Beta)

1
slot.getChildren(): Promise<Array<ComponentElement>>

1
// Get a component instance on the page
2
const elements = await webflow.getAllElements();
3
const componentInstance = elements.find(el => el.type === 'ComponentInstance');
4
5
if (componentInstance?.type === 'ComponentInstance') {
6
7
  // Get the slots on the instance
8
  const slots = await componentInstance.getSlots();
9
10
  // Print the children of each slot
11
  for (const slot of slots) {
12
    const name = await slot.getDisplayName();
13
    const children = await slot.getChildren();
14
    console.log(`Slot "${name}" has ${children.length} children`);
15
  }
16
17
} else {
18
  console.log('No component instance found');
19
}