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

# INotificationsPanelProps

- 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 INotificationsPanelProps extends INotificationsPanelCustomComponentsProps 
```
**Extends:** [INotificationsPanelCustomComponentsProps](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelcustomcomponentsprops/index.md)

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [backend?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsbackend) |  | [IAnalyticalBackend](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-backend-spi/sdk-backend-spi.ianalyticalbackend/index.md) | _(Optional)_ Backend to use. - If not defined, the backend from the BackendProvider context will be used. |
| [enableScheduleNotifications?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsenableschedulenotifications) |  | boolean | _(Optional)_ Enable export to document storage. - Default: false |
| [itemHeight?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsitemheight) |  | number | _(Optional)_ Height of the item in notifications list in pixels. - Default: 52 |
| [itemPadding?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsitempadding) |  | number | _(Optional)_ Padding of the notification item (from left and right) in pixels. - Default: 15 |
| [itemsGap?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsitemsgap) |  | number | _(Optional)_ Gap between notification items in the list in pixels. - Default: 10 |
| [itemsPerPage?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsitemsperpage) |  | number | _(Optional)_ Number of notifications to load per page. - Default: 50 |
| [locale?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropslocale) |  | [ILocale](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.ilocale/index.md) | _(Optional)_ Locale to use. |
| [maxListHeight?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsmaxlistheight) |  | number | _(Optional)_ Maximum height of the notifications list in pixels. - Default: 527 - Does not have effect when renderInline is true - inline rendering always fills the parent container. |
| [maxWidth?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsmaxwidth) |  | number \| string | _(Optional)_ Optionally override max width of the notifications panel. - Does not have effect when renderInline is true - inline rendering always fills the parent container. |
| [onNotificationClick?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsonnotificationclick) |  | (notification: [INotification](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.inotification/index.md)) => void | _(Optional)_ Callback for notification click. |
| [refreshInterval?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsrefreshinterval) |  | number | _(Optional)_ Refresh interval in milliseconds. - Default: 600000 (10 minutes) - If set to 0, notifications won't be refreshed automatically. |
| [renderInline?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsrenderinline) |  | boolean | _(Optional)_ Enable inline rendering of the notifications panel - Default: false - If enabled, NotificationsPanelButton won't be rendered, and NotificationsPanel won't be rendered inside modal - This is useful when you want to render notifications panel in a custom modal. |
| [skeletonItemsCount?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsskeletonitemscount) |  | number | _(Optional)_ Number of skeleton items to render when loading notifications. - Default: 5 |
| [workspace?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelprops/index.md#inotificationspanelpropsworkspace) |  | string | _(Optional)_ Workspace ID to use. - If not defined, the workspace ID from the WorkspaceProvider context will be used. - If workspace is not defined and there is no WorkspaceProvider, notifications will be loaded from all workspaces. |

## Property details

### INotificationsPanelProps.backend

Backend to use.

- If not defined, the backend from the BackendProvider context will be used.

**Signature:**

```typescript
backend?: IAnalyticalBackend;
```

### INotificationsPanelProps.enableScheduleNotifications

Enable export to document storage.

- Default: false

**Signature:**

```typescript
enableScheduleNotifications?: boolean;
```

### INotificationsPanelProps.itemHeight

Height of the item in notifications list in pixels.

- Default: 52

**Signature:**

```typescript
itemHeight?: number;
```

### INotificationsPanelProps.itemPadding

Padding of the notification item (from left and right) in pixels.

- Default: 15

**Signature:**

```typescript
itemPadding?: number;
```

### INotificationsPanelProps.itemsGap

Gap between notification items in the list in pixels.

- Default: 10

**Signature:**

```typescript
itemsGap?: number;
```

### INotificationsPanelProps.itemsPerPage

Number of notifications to load per page.

- Default: 50

**Signature:**

```typescript
itemsPerPage?: number;
```

### INotificationsPanelProps.locale

Locale to use.

**Signature:**

```typescript
locale?: ILocale;
```

### INotificationsPanelProps.maxListHeight

Maximum height of the notifications list in pixels.

- Default: 527 - Does not have effect when renderInline is true - inline rendering always fills the parent container.

**Signature:**

```typescript
maxListHeight?: number;
```

### INotificationsPanelProps.maxWidth

Optionally override max width of the notifications panel.

- Does not have effect when renderInline is true - inline rendering always fills the parent container.

**Signature:**

```typescript
maxWidth?: number | string;
```

### INotificationsPanelProps.onNotificationClick

Callback for notification click.

**Signature:**

```typescript
onNotificationClick?: (notification: INotification) => void;
```

### INotificationsPanelProps.refreshInterval

Refresh interval in milliseconds.

- Default: 600000 (10 minutes) - If set to 0, notifications won't be refreshed automatically.

**Signature:**

```typescript
refreshInterval?: number;
```

### INotificationsPanelProps.renderInline

Enable inline rendering of the notifications panel

- Default: false - If enabled, NotificationsPanelButton won't be rendered, and NotificationsPanel won't be rendered inside modal - This is useful when you want to render notifications panel in a custom modal.

**Signature:**

```typescript
renderInline?: boolean;
```

### INotificationsPanelProps.skeletonItemsCount

Number of skeleton items to render when loading notifications.

- Default: 5

**Signature:**

```typescript
skeletonItemsCount?: number;
```

### INotificationsPanelProps.workspace

Workspace ID to use.

- If not defined, the workspace ID from the WorkspaceProvider context will be used. - If workspace is not defined and there is no WorkspaceProvider, notifications will be loaded from all workspaces.

**Signature:**

```typescript
workspace?: string;
```