# Interface: CustomDockComponent

Represents a custom dock component.

The CustomDockComponent interface defines the structure of a custom dock component. It includes properties for the ID and payload.

## Extends[#](#extends)

*   [`ComponentPayload`](https://img.ly/docs/cesdk/vue/api/cesdk-js/interfaces/componentpayload/)

## Indexable[#](#indexable)

```
[key: string]: unknown
```

## Properties[#](#properties)

| Property | Type |
| --- | --- |
| `id` | [`ComponentId`](https://img.ly/docs/cesdk/vue/api/cesdk-js/type-aliases/componentid/) |

---



[Source](https:/img.ly/docs/cesdk/vue/api/cesdk-js/interfaces/componentoptions)