# MessageReactionsService

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

## Properties

### customReactionClickHandler

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

#### Type declaration

▸ (`details`): `void`

By default the [`MessageReactionsComponent`](https://getstream.io/chat/docs/sdk/angular/v4/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 inside the active channel using the [`channelService.getMessageReactions` method](https://getstream.io/chat/docs/sdk/angular/v4/services/ChannelService/#getmessagereactions)

##### Parameters

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

##### Returns

`void`

#### Defined in

[lib/message-reactions.service.ts:31](https://github.com/GetStream/stream-chat-angular/blob/2451bc8/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L31)

---

### 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/v4/services/CustomTemplatesService/#messagereactionstemplate)

#### Defined in

[lib/message-reactions.service.ts:18](https://github.com/GetStream/stream-chat-angular/blob/2451bc8/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L18)

## Accessors

### reactions

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

Get the currently enabled reactions

#### Returns

`Object`

#### Defined in

[lib/message-reactions.service.ts:45](https://github.com/GetStream/stream-chat-angular/blob/2451bc8/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L45)

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

Sets the enabled reactions

#### Parameters

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

#### Returns

`void`

#### Defined in

[lib/message-reactions.service.ts:38](https://github.com/GetStream/stream-chat-angular/blob/2451bc8/projects/stream-chat-angular/src/lib/message-reactions.service.ts#L38)


---

This page was last updated at 2026-08-11T17:19:01.476Z.

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