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

# INotificationsPanelHeaderComponentProps

- 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/DefaultNotificationsPanelHeader.tsx

Props for the NotificationsPanelHeader component.

**Signature:**

```typescript
export interface INotificationsPanelHeaderComponentProps 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [activeView](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelheadercomponentprops/index.md#inotificationspanelheadercomponentpropsactiveview) |  | [INotificationsPanelView](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelview/index.md) | The currently active view of the notifications panel. |
| [changeActiveView](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelheadercomponentprops/index.md#inotificationspanelheadercomponentpropschangeactiveview) |  | (view: [INotificationsPanelView](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelview/index.md)) => void | The callback to change the active view. |
| [hasUnreadNotifications](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelheadercomponentprops/index.md#inotificationspanelheadercomponentpropshasunreadnotifications) |  | boolean | Indicates if there are unread notifications. |
| [markAllNotificationsAsRead](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelheadercomponentprops/index.md#inotificationspanelheadercomponentpropsmarkallnotificationsasread) |  | () => void | The callback to mark all notifications as read. |
| [unreadNotificationsCount](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelheadercomponentprops/index.md#inotificationspanelheadercomponentpropsunreadnotificationscount) |  | number | The number of unread notifications. |

## Property details

### INotificationsPanelHeaderComponentProps.activeView

The currently active view of the notifications panel.

**Signature:**

```typescript
activeView: INotificationsPanelView;
```

### INotificationsPanelHeaderComponentProps.changeActiveView

The callback to change the active view.

**Signature:**

```typescript
changeActiveView: (view: INotificationsPanelView) => void;
```

### INotificationsPanelHeaderComponentProps.hasUnreadNotifications

Indicates if there are unread notifications.

**Signature:**

```typescript
hasUnreadNotifications: boolean;
```

### INotificationsPanelHeaderComponentProps.markAllNotificationsAsRead

The callback to mark all notifications as read.

**Signature:**

```typescript
markAllNotificationsAsRead: () => void;
```

### INotificationsPanelHeaderComponentProps.unreadNotificationsCount

The number of unread notifications.

**Signature:**

```typescript
unreadNotificationsCount: number;
```