# Interface: ComponentPayload

Represents the payload of a component.

The ComponentPayload interface defines the structure of the payload that can be associated with a component. It includes a catch-all type for custom payloads.

## Extended by[#](#extended-by)

*   [`CustomDockComponent`](https://img.ly/docs/cesdk/vue/api/cesdk-js/interfaces/customdockcomponent/)
*   [`OrderComponent`](https://img.ly/docs/cesdk/vue/api/cesdk-js/interfaces/ordercomponent/)

## Indexable[#](#indexable)

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

---



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