# UIPanelCreateOrUpdate

***

The parameters for creating a panel by using [UiController.createOrUpdatePanel](https://developers.felt.com/js-sdk-api-reference/uicontroller#createorupdatepanel).

## See

[UIPanel](https://developers.felt.com/js-sdk-api-reference/ui/uipanel) for more information about panels.

## Properties

### id

> **id**: `string`

The ID of the panel obtained from [UiController.createPanelId](https://developers.felt.com/js-sdk-api-reference/uicontroller#createpanelid).

#### Remarks

Custom IDs are not supported.

***

### title?

> `optional` **title**: `string`

The title to display in the panel header.

***

### onClickClose()?

> `optional` **onClickClose**: (`args`: { `id`: `string`; }) => `void`

A function to call when panel's close button is clicked.

#### Parameters

| Parameter | Type                | Description                           |
| --------- | ------------------- | ------------------------------------- |
| `args`    | { `id`: `string`; } | The arguments passed to the function. |
| `args.id` | `string`            | The id of the panel.                  |

#### Returns

`void`

***

### type?

> `optional` **type**: `"Panel"`

***

### body?

> `optional` **body**: [`UIPanelElementCreate`](https://developers.felt.com/js-sdk-api-reference/ui/uipanelelementcreate)\[]

The elements to add to the panel body.

***

### footer?

> `optional` **footer**: [`UIPanelElementCreate`](https://developers.felt.com/js-sdk-api-reference/ui/uipanelelementcreate)\[]

The elements to add to the panel footer.

***

### onCreate()?

> `optional` **onCreate**: (`args`: { `id`: `string`; }) => `void`

A function to call when the element is created.

#### Parameters

| Parameter | Type                | Description                           |
| --------- | ------------------- | ------------------------------------- |
| `args`    | { `id`: `string`; } | The arguments passed to the function. |
| `args.id` | `string`            | The id of the element.                |

#### Returns

`void`

***

### onDestroy()?

> `optional` **onDestroy**: (`args`: { `id`: `string`; }) => `void`

A function to call when the element is destroyed.

#### Parameters

| Parameter | Type                | Description                           |
| --------- | ------------------- | ------------------------------------- |
| `args`    | { `id`: `string`; } | The arguments passed to the function. |
| `args.id` | `string`            | The id of the element.                |

#### Returns

`void`