> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# INotificationsPanelCustomComponentsProps

- Package: [@gooddata/sdk-ui-ext](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/index.md)
- Kind: interface
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-ext/src/notificationsPanel/NotificationsPanel/NotificationsPanel.tsx

**Signature:**

```typescript
export interface INotificationsPanelCustomComponentsProps 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [Notification?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelcustomcomponentsprops/index.md#inotificationspanelcustomcomponentspropsnotification) |  | ComponentType<[INotificationComponentProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationcomponentprops/index.md)> | _(Optional)_ Custom notification component. |
| [NotificationSkeletonItem?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelcustomcomponentsprops/index.md#inotificationspanelcustomcomponentspropsnotificationskeletonitem) |  | ComponentType<[INotificationSkeletonItemComponentProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationskeletonitemcomponentprops/index.md)> | _(Optional)_ Custom notification skeleton item component. |
| [NotificationsList?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelcustomcomponentsprops/index.md#inotificationspanelcustomcomponentspropsnotificationslist) |  | ComponentType<[INotificationsListComponentProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationslistcomponentprops/index.md)> | _(Optional)_ Custom notifications list component. |
| [NotificationsListEmptyState?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelcustomcomponentsprops/index.md#inotificationspanelcustomcomponentspropsnotificationslistemptystate) |  | ComponentType<[INotificationsListEmptyStateComponentProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationslistemptystatecomponentprops/index.md)> | _(Optional)_ Custom notifications list empty state component. |
| [NotificationsListErrorState?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelcustomcomponentsprops/index.md#inotificationspanelcustomcomponentspropsnotificationslisterrorstate) |  | ComponentType<[INotificationsListErrorStateComponentProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationslisterrorstatecomponentprops/index.md)> | _(Optional)_ Custom notifications list error state component. |
| [NotificationsPanel?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelcustomcomponentsprops/index.md#inotificationspanelcustomcomponentspropsnotificationspanel) |  | ComponentType<[INotificationsPanelComponentProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelcomponentprops/index.md)> | _(Optional)_ Custom notifications panel component. |
| [NotificationsPanelButton?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelcustomcomponentsprops/index.md#inotificationspanelcustomcomponentspropsnotificationspanelbutton) |  | ComponentType<[INotificationsPanelButtonComponentProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelbuttoncomponentprops/index.md)> | _(Optional)_ Custom open notifications panel button component. - Required if renderInline is not enabled. |
| [NotificationsPanelHeader?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelcustomcomponentsprops/index.md#inotificationspanelcustomcomponentspropsnotificationspanelheader) |  | ComponentType<[INotificationsPanelHeaderComponentProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelheadercomponentprops/index.md)> | _(Optional)_ Custom notifications panel header component. |

## Property details

### INotificationsPanelCustomComponentsProps.Notification

Custom notification component.

**Signature:**

```typescript
Notification?: ComponentType<INotificationComponentProps>;
```

### INotificationsPanelCustomComponentsProps.NotificationSkeletonItem

Custom notification skeleton item component.

**Signature:**

```typescript
NotificationSkeletonItem?: ComponentType<INotificationSkeletonItemComponentProps>;
```

### INotificationsPanelCustomComponentsProps.NotificationsList

Custom notifications list component.

**Signature:**

```typescript
NotificationsList?: ComponentType<INotificationsListComponentProps>;
```

### INotificationsPanelCustomComponentsProps.NotificationsListEmptyState

Custom notifications list empty state component.

**Signature:**

```typescript
NotificationsListEmptyState?: ComponentType<INotificationsListEmptyStateComponentProps>;
```

### INotificationsPanelCustomComponentsProps.NotificationsListErrorState

Custom notifications list error state component.

**Signature:**

```typescript
NotificationsListErrorState?: ComponentType<INotificationsListErrorStateComponentProps>;
```

### INotificationsPanelCustomComponentsProps.NotificationsPanel

Custom notifications panel component.

**Signature:**

```typescript
NotificationsPanel?: ComponentType<INotificationsPanelComponentProps>;
```

### INotificationsPanelCustomComponentsProps.NotificationsPanelButton

Custom open notifications panel button component.

- Required if renderInline is not enabled.

**Signature:**

```typescript
NotificationsPanelButton?: ComponentType<INotificationsPanelButtonComponentProps>;
```

### INotificationsPanelCustomComponentsProps.NotificationsPanelHeader

Custom notifications panel header component.

**Signature:**

```typescript
NotificationsPanelHeader?: ComponentType<INotificationsPanelHeaderComponentProps>;
```