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

# INotificationComponentProps

- 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/Notification/DefaultNotification.tsx

Props for the Notification component.

**Signature:**

```typescript
export interface INotificationComponentProps 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [closeNotificationsPanel](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationcomponentprops/index.md#inotificationcomponentpropsclosenotificationspanel) |  | () => void | Function to handle closing the overlay |
| [markNotificationAsRead](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationcomponentprops/index.md#inotificationcomponentpropsmarknotificationasread) |  | (id: string) => void | Function to mark notification as read. |
| [notification](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationcomponentprops/index.md#inotificationcomponentpropsnotification) |  | [INotification](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.inotification/index.md) | Notification to display. |
| [onNotificationClick?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationcomponentprops/index.md#inotificationcomponentpropsonnotificationclick) |  | (notification: [INotification](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.inotification/index.md)) => void | _(Optional)_ Function to handle notification click. |

## Property details

### INotificationComponentProps.closeNotificationsPanel

Function to handle closing the overlay

**Signature:**

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

### INotificationComponentProps.markNotificationAsRead

Function to mark notification as read.

**Signature:**

```typescript
markNotificationAsRead: (id: string) => void;
```

### INotificationComponentProps.notification

Notification to display.

**Signature:**

```typescript
notification: INotification;
```

### INotificationComponentProps.onNotificationClick

Function to handle notification click.

**Signature:**

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