Webflow Designer API: Slot Instance Element (Beta)

The slot instance element represents a slot within a component instance. Slots define areas within a component where instance-level child content can be placed. Each slot accepts only component instances as children, not arbitrary elements.

To get slot instance elements, use element.getSlots() on a ComponentInstance element.

Beta

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

Methods

Currently you can add components as children of slots programmatically but not remove them.

Get display name

Gets the display name of the slot as defined on the component.

Get Children

Gets the component instances currently placed in the slot.

Prepend

Adds a component instance as the first child of the slot.

Append

Adds a component instance as the last child of the slot.

Properties

Property	Description	Type	Example
`id`	Unique identifier for the element composed of two identifiers, the `component` and the `element`.	`object`	`{component: "64c813...", element: "5edf8e59-71f9..."}`
`type`	Specifies the type of the element.	`string`	`"SlotInstance"`
`children`	Whether the element supports the standard children API.	`boolean`	`false`
`customAttributes`	Whether the element can have custom attributes.	`boolean`	`false`
`styles`	Whether the element can contain styles.	`boolean`	`false`
`textContent`	Whether the element can contain text content.	`boolean`	`false`