# MessageReactionsService

The `MessageReactionsService` provides customization options to message [reactions](https://getstream.io/chat/docs/javascript/send-reaction/).

## Properties

### customReactionClickHandler

`Optional` **customReactionClickHandler**: (`details`: `MessageReactionClickDetails`) => `void`

By default the [`MessageReactionsComponent`](https://getstream.io/chat/docs/sdk/angular/v5/components/MessageReactionsComponent/) will display the reacting users when a reaction is clicked. You can override this with your own UI by providing a custom event handler.

The event handler can retrieve all reactions of a message using the [`messageReactionsService.queryReactions()`](https://getstream.io/chat/docs/sdk/angular/v5/services/MessageReactionsService/#queryreactions)

#### Type declaration

(`details`): `void`

##### Parameters

| Name      | Type                          |
| :-------- | :---------------------------- |
| `details` | `MessageReactionClickDetails` |

##### Returns

`void`

#### Defined in

[projects/stream-chat-angular/src/lib/message-reactions.service.ts:32](https://github.com/GetStream/stream-chat-angular/blob/d65326c9379c93c53babc4e0ffe54519dd0712a9/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L32)

---

### reactions$

**reactions$**: `BehaviorSubject<{}>`

The enabled [reactions](https://getstream.io/chat/docs/javascript/send-reaction/) and the associated emoji

You can provide any string as a reaction. The emoji can be provided as a string, if you want to use custom images for reactions you have to provide a [custom reactions UI](https://getstream.io/chat/docs/sdk/angular/v5/services/CustomTemplatesService/#messagereactionstemplate)

#### Defined in

[projects/stream-chat-angular/src/lib/message-reactions.service.ts:20](https://github.com/GetStream/stream-chat-angular/blob/d65326c9379c93c53babc4e0ffe54519dd0712a9/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L20)

## Accessors

### reactions

`get` **reactions**(): `Object`

Get the currently enabled reactions

#### Returns

`Object`

#### Defined in

[projects/stream-chat-angular/src/lib/message-reactions.service.ts:49](https://github.com/GetStream/stream-chat-angular/blob/d65326c9379c93c53babc4e0ffe54519dd0712a9/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L49)

`set` **reactions**(`reactions`): `void`

Sets the enabled reactions

#### Parameters

| Name        | Type     |
| :---------- | :------- |
| `reactions` | `Object` |

#### Returns

`void`

#### Defined in

[projects/stream-chat-angular/src/lib/message-reactions.service.ts:42](https://github.com/GetStream/stream-chat-angular/blob/d65326c9379c93c53babc4e0ffe54519dd0712a9/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L42)

## Methods

### queryReactions

**queryReactions**(`messageId`, `type`, `next?`): `Promise<QueryReactionsAPIResponse<DefaultStreamChatGenerics>>`

Query reactions of a specific message, more info in the [API documentation](https://getstream.io/chat/docs/javascript/send-reaction/#querying-reactions)

#### Parameters

| Name        | Type     |
| :---------- | :------- |
| `messageId` | `string` |
| `type`      | `string` |
| `next?`     | `string` |

#### Returns

`Promise<QueryReactionsAPIResponse<DefaultStreamChatGenerics>>`

the reactions and the cursor for the next/prev pages

#### Defined in

[projects/stream-chat-angular/src/lib/message-reactions.service.ts:60](https://github.com/GetStream/stream-chat-angular/blob/d65326c9379c93c53babc4e0ffe54519dd0712a9/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L60)


---

This page was last updated at 2026-08-11T12:49:20.770Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/angular/v5/services/MessageReactionsService/](https://getstream.io/chat/docs/sdk/angular/v5/services/MessageReactionsService/).