> This page is for Designer API.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.webflow.com/_mcp/server.

# Component Instances

The component element represents a [component instance](/designer/reference/components-overview#component-instance) within the Webflow Designer.

## Methods

#### [Get Component](/designer/reference/component-element/getComponent)

Retrieves the associated component definition of the component instance.

#### [Get Props](/designer/reference/component-element/getProps)

Gets the values for all props on the component instance.

#### [Get Resolved Props](/designer/reference/component-element/getResolvedProps)

Gets the resolved values for all props on the component instance.

#### [Set Props](/designer/reference/component-element/setProps)

Sets prop values on the component instance, with support for static overrides, bindings, and resets.

#### [Reset All Props](/designer/reference/component-element/resetAllProps)

Resets all prop values on the component instance to their component defaults.

#### [Get Slots](/designer/reference/component-element/getSlots)

Gets all slots on the component instance.

#### [Creating & managing components](/designer/reference/components-overview)

Learn more about creating and managing component definitions in the [Components Overview](/designer/reference/components-overview).

## 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`  | "ComponentInstance"                                     |
| `children`         | Indicates whether the element can contain child elements.                                         | `boolean` | `false`                                                 |
| `customAttributes` | Indicates whether the element can have custom attributes.                                         | `boolean` | `false`                                                 |
| `styles`           | Indicates whether the element can contain styles.                                                 | `boolean` | `false`                                                 |
| `textContent`      | Indicates whether the element can contain text content                                            | `boolean` | `false`                                                 |