This is documentation for the release candidate Stream Chat Angular SDK v6. For the latest stable version, see the latest version (v5).

MessageReactionsSelectorComponent

The MessageReactionsSelectorComponent makes it possible for users to react to a message, the reaction options can be set using the MessageReactionsService. You can read more about message reactions in the platform documentation.

Example - reacting to a message

The MessageReactionsSelectorComponent is displayed inside the built-in MessageActionsBoxComponent.

Basic usage

A typical use case for the MessageReactionsSelectorComponent would be to use in your custom components that will completely override the message component.

@Component({
  selector: "app-custom-message",
  template: `
    <stream-message-reactions-selector
      [messageId]="message.id"
      [ownReactions]="message.own_reactions"
    ></stream-message-reactions-selector>
    <!-- Other parts of the custom message component -->
  `,
})
export class CustomMessageComponent {
  @Input() message: StreamMessage;
}