> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/designer/reference/component-element/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`                                                 |

## Docs

- [Get Component](https://developers.webflow.com/designer/reference/component-element/getComponent.md): Retrieves the associated component of the element.
- [Search props (Beta)](https://developers.webflow.com/designer/reference/component-element/searchProps.md): Search the props on a component instance and return the information about matching props.
- [Get Props (Beta)](https://developers.webflow.com/designer/reference/component-element/getProps.md): Get the raw values for all props on a component instance.
- [Get Resolved Props (Beta)](https://developers.webflow.com/designer/reference/component-element/getResolvedProps.md): Get the resolved values for all props on a component instance.
- [Set Props (Beta)](https://developers.webflow.com/designer/reference/component-element/setProps.md): Set prop values on a component instance.
- [Reset All Props (Beta)](https://developers.webflow.com/designer/reference/component-element/resetAllProps.md): Reset all prop values on a component instance to their component defaults.
- [Get Slots (Beta)](https://developers.webflow.com/designer/reference/component-element/getSlots.md): Get all slots on a component instance.
- [Get Selected Slot (Beta)](https://developers.webflow.com/designer/reference/component-element/getSelectedSlot.md): Get the currently selected slot on a component instance.
- [Get Text Prop Element (Beta)](https://developers.webflow.com/designer/reference/component-element/getTextPropElement.md): Get the text or rich text prop element for a given prop on a component instance.
- [Unlink Component (Beta)](https://developers.webflow.com/designer/reference/component-element/unlinkComponent.md): Convert a component instance into a plain element tree.