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

# INotificationsPanelButtonComponentProps

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

OpenNotificationsPanelButton component props.

**Signature:**

```typescript
export interface INotificationsPanelButtonComponentProps 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [buttonRef](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelbuttoncomponentprops/index.md#inotificationspanelbuttoncomponentpropsbuttonref) |  | RefObject<HTMLButtonElement \| null> | Ref to the button element - is required for proper alignment of the notification panel. |
| [closeNotificationPanel](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelbuttoncomponentprops/index.md#inotificationspanelbuttoncomponentpropsclosenotificationpanel) |  | () => void | Closes the notification panel. |
| [hasUnreadNotifications](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelbuttoncomponentprops/index.md#inotificationspanelbuttoncomponentpropshasunreadnotifications) |  | boolean | Indicates whether there are unread notifications. |
| [isNotificationPanelOpen](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelbuttoncomponentprops/index.md#inotificationspanelbuttoncomponentpropsisnotificationpanelopen) |  | boolean | Indicates whether the notification panel is open. |
| [openNotificationPanel](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelbuttoncomponentprops/index.md#inotificationspanelbuttoncomponentpropsopennotificationpanel) |  | () => void | Opens the notification panel. |
| [toggleNotificationPanel](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-ext/sdk-ui-ext.inotificationspanelbuttoncomponentprops/index.md#inotificationspanelbuttoncomponentpropstogglenotificationpanel) |  | () => void | Toggles the notification panel. |

## Property details

### INotificationsPanelButtonComponentProps.buttonRef

Ref to the button element - is required for proper alignment of the notification panel.

**Signature:**

```typescript
buttonRef: RefObject<HTMLButtonElement | null>;
```

### INotificationsPanelButtonComponentProps.closeNotificationPanel

Closes the notification panel.

**Signature:**

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

### INotificationsPanelButtonComponentProps.hasUnreadNotifications

Indicates whether there are unread notifications.

**Signature:**

```typescript
hasUnreadNotifications: boolean;
```

### INotificationsPanelButtonComponentProps.isNotificationPanelOpen

Indicates whether the notification panel is open.

**Signature:**

```typescript
isNotificationPanelOpen: boolean;
```

### INotificationsPanelButtonComponentProps.openNotificationPanel

Opens the notification panel.

**Signature:**

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

### INotificationsPanelButtonComponentProps.toggleNotificationPanel

Toggles the notification panel.

**Signature:**

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